CSS-Menü mit Hintergrundfarben

Status
Nicht offen für weitere Antworten.

jrw

Grünschnabel
Hallo zusammen!

Ich habe ein Problem mit einem CSS-Menü:
Ich habe eine Tabelle erstellt, die 8 Spalten und 1 Zelle enthält. Ich habe dazu folgenen CSS-Code geschrieben:

a.menu {
color:#000000;
text-decoration:none;
font-weight:bold;
white-space:nowrap;
display:block;
padding:2px;
}

a.menu:visited {
color:#000000;
text-decoration:none;
font-weight:bold;
}

a.menu:hover {
color:#000000;
text-decoration:none;
font-weight:bold;
background-color:#CCCCCC;
}


Es geht um das horizontale Menü am oberen Bildschirmrand.
Nun habe ich das Problem, dass nur die erste Zeile, den style richtig annimmt! Ich kann in dieser auf der ganzen Länge auf die Spalte fahren und der Link wird dann immer "hover". Bei den weiteren Spalten muss ich auf den Text fahren um den Hover zu aktivieren.

Hier ein PrintScreen (die Seite ist leider noch nicht online)
confuse.gif


Danke und Gruss
jrw
 
Hi,

erweitere die Klasse a.menu um die Eigenschaft width: 100%; ... damit wird
die Linkbreite an die gesamte Spaltenbreite angepasst.

Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück