Problem z tłem pod battonem.

[czarny_85]

Mam problem i głowie się co robię nie tak. Chciałbym aby gdy poruszam się po menu, pod tekstem najechanym pokazywało się tło w postaci obrazka. Nie wiem co robię zle ponieważ nie nie wychodzi mi to. Może wy bedziecie wiedziec jak to zmienic.

a.mainlevel-nav:link, a.mainlevel-nav:visited {
 font-size: 18px;
 color: #3f3309;
 text-decoration: none;
 padding:0 15px 0 0px;
}
a.mainlevel-nav:hover {
 color:#414140;
 background-image:url(../images/tlo_przycisk_aktywny.png);}

Wydaje mi sie ze cos jest nie tak w pierszej czesci tego menu. Obrazek jest o wielkości 115x37. Moze jest za duży i dlatego.

[idek]

musisz wpisać

display:block
width:115px;
height:37px

i wyzeruj padding, potem sobie dopiero ustaw, względem tego obrazka, pamiętaj, ze jezeli zrobisz np. padding: 5px 10px 0 0; to od width musisz odjąc 10px a od height 5px

[czarny_85]

Coś mi nie wychodzi pokaże ci o co mi dokladnie chodzi. Tak aby pod napisami w menu po przejechaniu na inny link przechodzilo to tlo.http://img37.imageshack.us/i/asgmorus.png/

[idek]

ja wiem, o co Ci chodzi
możesz podrzucic link do stronki, czy masz ją lokalnie.. ?

poza tym moje wskazówki są dobre
zmień jeszcze link do pliku na nastepujący:
../../nazwa_szablonu/images/tlo_przycisk_aktywny.png

[czarny_85]

Oto jest cały szablon
Na razie mam ja na lokalu wiec jedynie tak moge ci pokazac co tam nie gra.

[idek]

a wrzuciłes width, height, display i link do obrazka jak Ci pisałem ?

AHA... czekaj...

edit..
ok, podam Ci kod, jaki ja używam i jaki działa, chodzi o to, ze inaczej nazwales klasy, niż powinieneś...

.mainlevel-nav {
color:#999999;
font-size:12px;
text-decoration:none;
background:url(../../NAZWA-SZABLONU/images/plik1.jpg) top no-repeat;
width:150px;
height:23px;
padding:6px 0 0 25px;
}

.mainlevel-nav:hover {
background:url(../../NAZWA-SZABLONU/images/plik2.jpg) bottom no-repeat;
color:#333333;
font-weight:bold;
}

przekształć sobie stylowanie na swoje i powinno Ci działać UWAGA! sprawdź, czy w ogóle masz w pozycjach w tym module dopisany przyroistek "-nav" bo widzę że go używasz, a moze tutaj jest pies pogrzebany...

[czarny_85]

Takim kodem wszystko działa.Tylko jest teraz problem ponieważ tekst ma różne wielkości i albo obrazek jest cały albo tylko pół i brzydko to wyglada

[idek]

no teraz musisz odpowiewdnio pomajstrować przy width, height i paddingu

jeśli używasz FF polecam FireBug'a, ktory z tego cięzkiego zadania zrobi wspaniałą zabawę

[czarny_85]

Ok wielkie dzięki już sobie z tym pokombinuje tak aby było dobrze