Hallo liebe Forengemeinde.
Ich bin neu hier und ich hoffe, ich hab das im richtigen Forum veröffentlicht;) Ich wende mich gleich an euch mit einem Problem:
Ich bin zurzeit daran, eine Homepage neu zu machen.
Ich hab ein Menu, bei welchem die Menupunkte eigene Divs sind mit Text drin und Hintergrundfarbe. Wenn man nun über die Divs fährt, sollte sich die Hintergrundfarbe ändern, das Problem ist aber, dass sich nicht das ganze Div verfärbt, sondern nur auf der Höhe des Textes, wie ihr im Anhang dieses Beitrages sehen könnt. Das Div hat einen rötlichen Rahmen. Und ist innerhalb grau. Es sollte in einem helleren Grau erscheinen (und zwar bis zum roten Rahmen und nicht nur auf der Höhe des Textes), wenn man darauffährt. Ich habe schon einiges probiert, aber es funktioniert einfach nicht.
So sieht mein CSS aus:
#menu {position:relative;
top:0px;
left:-2px;
text-align:center;
width:134px;
height:225px;
padding-top:200px;
font-size:11px;
line-height:23px;}
#menu a {text-decoration:none;
color:#000000;
line-height:23px;
}
#menu a:hover {text-decoration:none;
color:#000000;
background-color:#f0ede8;
line-height:23px;
}
#lehrstellenangebot {margin-left:11px;
height:23px;
width:123px;
margin-top:-225px;
background-color:#d4cdc1;
border-width:thin;
border-style:solid;
border-color:#c49d90;
}
Wobei die ID menu für das Div um alle Menupunkte verwendet wird und die ID lehrstellenangebot für das eigene Div mit dem Link drin ist.
Grüsse
Kerstin
