Brauche Hilfe mit einem css Menü

Hallo,

ich brauche dringend Hilfe: Ich versuche auf meiner neuen Website ein Menü mit css zu erstellen. Es soll ein Button (button.gif) bzw. mehrere Buttons sein auf denen dann der Text den ich in der html-Datei schreibe draufsteht. Wenn man den Button bzw die Buttons „hovert“
sollen andere Buttons (button1.gif) angezeigt werden. Ich hab schon ewig hin und her probiert aber irgendwie mach ich was falsch.

Der Teil für das Menü der css-Datei sieht so aus:

#menu {width: 150px;
float: left;}

#menu a link, #menu a visited {width: 150px;
float: left;
background: url(button.gif);
background-repeat: no-repeat;
font: Arial;
font-color: #F9FAFC;
text-decoration: none;}

#menu a hover {width: 150px;
float: left;
background: url(button1.gif);
background-repeat: no-repeat;
font: Arial;
font-color: #F9FAFC;
text-decoration: none;}

Bitte um Hilfe!

Gruß mnapster

Hallo mnapster,

#menu a hover {width: 150px;

Wie wär’s damit: #menu a:hover {width: 150px;… ?

Gruß, Gismo

der Doppelpunkt machts
hi mnapster

du hast einen Doppelpunkt vergessen -->
#menu a:link (hover, visited)

zur weiteren info guck einfach mal unter Pseudoklassen nach im Selfhtml z.B. :wink:

lg
aya

Hallo,

vielen Dank für den Hinweis!

Gruß mnapster