[CSS] Link, a w tle obrazek! |
[CSS] Link, a w tle obrazek! |
17.12.2009, 17:58:30
Post
#1
|
|
Grupa: Zarejestrowani Postów: 25 Pomógł: 0 Dołączył: 10.02.2009 Ostrzeżenie: (0%) |
Witam,
Ostatnio rozmyślam, jak zrobić o to taki myk. Mam link, chcę mieć tło dla niego (a wymiary obrazka to załóżmy 100w i 50h) - by tego dokonać robię o tak: Kod #left ul li a { display: block; background: url(images/menu.gif) no-repeat; margin: 0; padding: 0; width: 100px; height: 50px; line-height: 50px; / <- użyłem tego sposobu, by i IE dobrze wyświetlało całość. font-size: 12px; text-decoration: none; color: white; } A teraz, czas na a:hover. - po najechaniem kursorem myszy ma być inny obrazek w tle - robimy to tak! Kod #left-1 ul li a:hover { background: url(images/menuh.gif) no-repeat; margin: 0; padding: 0; width: 100px; height: 50px; line-height: 50px; font-size: 12px; color: white; } Działa!, ale chwila. Tekst dokładnie nasz link, przylega max. do lewego boku . Dając margin, przesunę wszystko; tekst i tło - wniosek: nie mogę wyśrodkować tekstu względem tła. Ok, w porządku - myślałem nad li:hover itd. jednak wiadomo IE tego nie obsługuje . Jakiś pomysł? obejście? inne rozwiązanie? Proszę o pomoc. |
|
|
17.12.2009, 18:06:18
Post
#2
|
|
Grupa: Zarejestrowani Postów: 386 Pomógł: 25 Dołączył: 28.09.2005 Ostrzeżenie: (0%) |
Spróbuj dać dla <a> text-align:center;
|
|
|
17.12.2009, 18:07:22
Post
#3
|
|
Grupa: Zarejestrowani Postów: 283 Pomógł: 11 Dołączył: 11.10.2004 Skąd: 3c Ostrzeżenie: (10%) |
a moze text-align: center; jeszcze?
|
|
|
17.12.2009, 18:13:06
Post
#4
|
|
Grupa: Zarejestrowani Postów: 25 Pomógł: 0 Dołączył: 10.02.2009 Ostrzeżenie: (0%) |
Ty działa ! Dzięki!! - nie wiedziałem po prostu, że text-align:center wypośrodkowuje także i w pionie... jeszcze raz dzięki!, liczyłem na szybką odpowiedź tutaj i dostałem . Oczywiście pomógł. Pozdrawiam.
|
|
|
Wersja Lo-Fi | Aktualny czas: 26.04.2024 - 18:52 |