Hover-Button?

[kasmo]

Hallo zusammen,

ich habe einige Anleitungen gefunden hierzu, doch ich weiss nicht irgendwie komm ich nicht so ganz auf diesen Nenner.

Und zwar würde ich gerne einen Button einfügen, der z.b. Weisse Schrift hat und dann noch einen Button drüberlegen der dann die schwarze Schrift hat (bei Überfahren der Maus).

Ich hatte gehofft eine ganz normale Anleitung dazu zu finden im Netz, doch iwie finde ich nur ein paar Dinge aussenrum, aber nicht das was ich suche (ohne JS usw).

Könnt ihr mir da helfen?


//EDIT
Mein Menü sieht jetzt so aus:

<ul id="navi">
<li><a href="index.htm"><img style="border: 0px;" src="Bilder/start-button.png" alt="Start"/> </a> </li>
<li><a href="profil.htm"><img style="border: 0px;" src="Bilder/profil-button.png" alt="Profil"/> </a> </li>
<li><a href="service.htm"><img style="border: 0px;" src="Bilder/service-button.png" alt="Service"/> </a> </li>
<li><a href="socialmedia.htm"><img style="border: 0px;" src="Bilder/social-button.png" alt="Social-Media"/> </a> </li>
<li><a href="support.htm"><img style="border: 0px;" src="Bilder/support-button.png" alt="Support"/> </a> </li>
<li><a href="webdesign.htm"><img style="border: 0px;" src="Bilder/webdesign-button.png" alt="Webdesign"/> </a> </li>
<li><a href="referenz.htm"><img style="border: 0px;" src="Bilder/ref-button.png" alt="Referenz"/> </a> </li>
<li><a href="kontakt.htm"><img style="border: 0px;" src="Bilder/kontakt-button.png" alt="Kontakt"/> </a> </li>
<li><a href="impressum.htm"><img style="border: 0px;" src="Bilder/impres-button.png" alt="Impressum"/> </a> </li>
</ul>

Wie muss ich dann die CSS gestalten um jedes Pic einzeln zu spezifizieren?

Weil a.navi:hover .... ist ja nur verallgemeinert? oder? Sprich für alle und nicht nur für ein Element?

 

[mermshaus]

Dazu gibt's eine Technik, die sich „CSS Sprites“ nennt. Sie arbeitet mit Hintergrundbildern und dem Verschieben dieser Bilder beim hover-Effekt.

- CSS Sprites einfach erklärt – bueltge.de [by:ltge.de]
- A List Apart: Articles: CSS Sprites: Image Slicing’s Kiss of Death