[CSS] Padding w linku dla IE

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Ahelor
Posty: 14
Rejestracja: ndz lip 10, 2005 10:53 am
Lokalizacja: Jaworzno
Kontakt:

[CSS] Padding w linku dla IE

Post autor: Ahelor »

Mam pewien problem z definicją padding w linku. Otóż ustwiłem w stylach linkowi aby po najechaniu zmieniało się jego tło i chciałem aby cały link był wyższy niż normalnie, a sam tekst linka znajdowal się pośrodku całego linka.
Najlepiej jak podam link do strony: http://www.argenum.e-wwf.pl/
U góry jest menu i w IE kazdy link jest obciety jak by nie mial podanego padding, zas w FF jest ok.
W stylach ustawilej padding linkowi tak:

Kod: Zaznacz cały

padding: 12px 12px 13px 12px;
Z góry dzieki za pmoc
Ostatnio zmieniony wt lip 12, 2005 11:47 pm przez Ahelor, łącznie zmieniany 1 raz.
bwo
Przelotem
Przelotem
Posty: 224
Rejestracja: wt cze 07, 2005 1:50 pm

Re: [CSS] Padding w linku dla IE

Post autor: bwo »

w operze jest tak samo jak w IE. Pamietaj, że padding zgodnie ze standardami poszerza warstwę, ale IE tego nie obsługuje (nie pamietam jak Opera).
Ahelor
Posty: 14
Rejestracja: ndz lip 10, 2005 10:53 am
Lokalizacja: Jaworzno
Kontakt:

Re: [CSS] Padding w linku dla IE

Post autor: Ahelor »

No właśnie, dlatego też potrzebuje czegoś w zastępstwie. Próbowałem z line-height, wsadzałem między <a></a> diva z margin lub padding ale nic.
bwo
Przelotem
Przelotem
Posty: 224
Rejestracja: wt cze 07, 2005 1:50 pm

Re: [CSS] Padding w linku dla IE

Post autor: bwo »

IE obsługuje coś takiego w CSSach: *html #div {...}
Wiec napisz dla FF normalnie, a pod spodem skopiuj, dodaj na początku *html i zwieksz wysokość.
Ahelor
Posty: 14
Rejestracja: ndz lip 10, 2005 10:53 am
Lokalizacja: Jaworzno
Kontakt:

Re: [CSS] Padding w linku dla IE

Post autor: Ahelor »

Chodzi Ci o coś takiego?

Kod: Zaznacz cały

a.nav {
	padding: 12px 12px 13px 12px;
	font: normal bold 13px 'Verdana';
	color: #005baf;
	border: 0px;
}
a.nav:hover {
	padding: 12px 11px 13px 11px;
	color: #d4c08c;
	background-color: #4772b7;
	border-left: 1px solid #a9a9ea;
	border-right: 1px solid #a9a9ea;
	text-decoration: none;
}

*html a.nav {
	height: 40px;
}
Jeśli tak to niestety nie działa.
Jeśli byś mógł to napisz dokłądniej jak to ma być.
bwo
Przelotem
Przelotem
Posty: 224
Rejestracja: wt cze 07, 2005 1:50 pm

Re: [CSS] Padding w linku dla IE

Post autor: bwo »

Kod: Zaznacz cały

*html a.nav { 
   height: 40px; 
} 
spróbuj dać : a.nav:hover
Może ja robie jakiś błąd. Ten "trick" znam od niedawna :) Ale spróbuj :)
Ahelor
Posty: 14
Rejestracja: ndz lip 10, 2005 10:53 am
Lokalizacja: Jaworzno
Kontakt:

Re: [CSS] Padding w linku dla IE

Post autor: Ahelor »

Nadal nie działa. Zna ktoś wogóle jakikolwiek sposób żeby link miał większą wysokość? Żeby działało tak jak na FF ale w IE.
ODPOWIEDZ