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.
Ahelor
Posty: 14 Rejestracja: ndz lip 10, 2005 10:53 am
Lokalizacja: Jaworzno
Kontakt:
Post
autor: Ahelor » pn lip 11, 2005 11:04 am
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:
Z góry dzieki za pmoc
Ostatnio zmieniony wt lip 12, 2005 11:47 pm przez
Ahelor , łącznie zmieniany 1 raz.
bwo
Przelotem
Posty: 224 Rejestracja: wt cze 07, 2005 1:50 pm
Post
autor: bwo » pn lip 11, 2005 12:06 pm
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:
Post
autor: Ahelor » pn lip 11, 2005 12:35 pm
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
Posty: 224 Rejestracja: wt cze 07, 2005 1:50 pm
Post
autor: bwo » pn lip 11, 2005 1:03 pm
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:
Post
autor: Ahelor » pn lip 11, 2005 1:26 pm
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
Posty: 224 Rejestracja: wt cze 07, 2005 1:50 pm
Post
autor: bwo » pn lip 11, 2005 2:07 pm
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:
Post
autor: Ahelor » pn lip 11, 2005 11:53 pm
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.