nicht angemeldet
Menüfarbe [HOVER] wechseln...
Der MartinHallo,
folgendes Problem, so trivial es auch klingen mag... :S
Folgender HTML-Code stellt eine Seite mit einem Menüpunkt dar, der im Up-State grün ist. So weit so gut. Sobald sich Maus und Menüpunkt kreuzen [hover] sollte der gesamte Hintergrund des Menüpunkts rot erscheinen; - bisweilen tut das aber nur der Text. Auweh, - Hilfe?
Danke,
Christ.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HIGHLIGHT MENU</title>
<style type="text/css">
<!--
body {
background-color: #CCCCCC;
}
#menu {
background-color: #339900;
width: 200px;
height: 52px;
margin: 10px 10px 10px 10px;
}
#menu a:hover {
background-color: #FF0000;
}
-->
</style></head>
<body>
<div id="menu"><a href="http://IchBinSooooeinTollerLink.com">Test</a></div>
</body>
</html>
-
#menu a:hover {
background-color: #FF0000;
}betrifft nur den Teil im div#menu, der tatsächlich zu dem Linbk gehört.
Wenn das gesamte div beim hovern einen anderen Hintergrund haben soll, musst du das :hover zu dem div schreiben.
-
Hallo,
#menu a:hover {
background-color: #FF0000;
}betrifft nur den Teil im div#menu, der tatsächlich zu dem Linbk gehört.
richtig, und der ist ein inline-Element; die Änderung betrifft also nur den Text selbst.
Wenn das gesamte div beim hovern einen anderen Hintergrund haben soll, musst du das :hover zu dem div schreiben.
Das wäre eine Möglichkeit.
Eine andere (IMHO bessere) wäre, das nutzlose div-Element wegzulassen und stattdessen den Link zum Blockelement umzustylen.Ciao,
Martin--
Eifersucht ist so alt wie die Menschheit: Als Adam einmal spät heimkam, zählte Eva sofort seine Rippen.
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
-