WebmasterCity - [ The Ultimate Webmaster Resource ]

hoi
ik heb een menu nu

Code

1 2 3 4 5 6 7 8 9 10 11 12 13 14 #Css: ul { list-style-type: none; } li a { text-decoration: none; border: none; } li.start a { background: url('img/start.gif') no-repeat;  width: 250px; height: 50px;  } li.start a:hover { background: url('img/start_2.gif') no-repeat;  width: 250px; height: 50px;  } li.start a:active { background: url('img/start_2.gif') no-repeat;  width: 250px; height: 50px;  } #Code: <ul> <li><a href="#" class="start"></a> ... </ul>

Er verschijnt niks van die list..
wat doe ik fout?
zoals je ziet wil ik een list hebben met links erin, voor mijn menu. en daar wil ik dan afbeeldingen voor gebruiken. en als er hover plaats vindt, er een ander plaatje verschijnt.
zoals hierboven moet toch werken? wat doe ik fout

Code

1 2 3 4 5 6 7 ul { list-style-type: none; }  li a { text-decoration: none; border: none; }  li.start a { background: url('img/start.gif') no-repeat;  width: 250px; height: 50px; display: block;  }  li.start a:hover { background: url('img/start_2.gif') no-repeat;  width: 250px; height: 50px; display: block;  }  li.start a:active { background: url('img/start_2.gif') no-repeat;  width: 250px; height: 50px; display: block;  }

Links zijn standaard inline. Dat wil dus zeggen dat ze geen vaste hoogte en breedte mee kunnen krijgen. Wanneer je de display op block zet, kan je ze wél een vaste hoogte/breedte meegeven.

offtopic:
Oke, dat loop niet, maar ik ben moe.

het werkt niet wat je zei

en ik kan ook bv list-style-image:url('') gebruiken, maar dan kun je er weer geen url aan koppelen.. toch?

ik heb wat anders gevonden:

http://www.shopdev.co.uk/blog/jquery-rollovers-using-this/

Code

1 2 3 4 5 6 7 $(function() {   $("#menu img").hover(function() {     $(this).attr("src", $(this).attr("src").split(".").join("-hover."));   }, function() {     $(this).attr("src", $(this).attr("src").split("-hover.").join("."));   }); });

maar ik snap eventjes niet hoe ik in kan stellen dat de :active pagina de hover image krijgen kan... wie weet hoe ik het om moet bouwen?

offtopic:
Rihan, Hou er wel rekening mee dat je een <script src="" in je bestand moet hebben met jQuery

ja dat weet ik ....
gaat me erom hoe bovenstaande om te bouwen om ook te checken op active en dan de *-hover image te pakken

someone?