Aktives Mitglied
Tach zusammen,
Aus dem Buch CSS Praxis versuche ich nun schon seit ein paar Tagen ein Menue zu erstellen. Eigentlich ist es gut erklärt und sollte auch funktionieren, aber es tut sich nichts am rechten rand des Hauptmenues. Beim Überfahren des Hauptseite Links sollte sich rechts ein weiteres Untermenue aufklappen.
Hier mal der Code CSS:
HTML
ich bilde mir ein es liegt an folgendesm CSS
Aber irgendwie macht er beim hover kein Menue auf. Selbst mit dem a davor (für den Link) gehts net. Also so:
Könnte sich das bitte mal jemand anschauen. Wäre cool.
Danke im Vorraus
greez Rooky
Aus dem Buch CSS Praxis versuche ich nun schon seit ein paar Tagen ein Menue zu erstellen. Eigentlich ist es gut erklärt und sollte auch funktionieren, aber es tut sich nichts am rechten rand des Hauptmenues. Beim Überfahren des Hauptseite Links sollte sich rechts ein weiteres Untermenue aufklappen.
Hier mal der Code CSS:
PHP:
body{
font: bold 11px Verdana,Arial;
}
/* Menue 1*/
#menue1{
width: 90px; /*definiert die breite des Menues*/
float: left; /*legt fest eine linksbündige Anordnung*/
}
/* gestaltung der einzelnen Menueelemente*/
.menu1item{
background-color: #efefef;
border: 1px solid #800000;
color: #000000;
font: bold 11px Verdana, Arial;
text-decoration: none;
width: 90px;
}
/* Block legt fest das die links eigentlich eingebundenen Elemente als Block behandelt werden*/
.menu1item a {
display: block;
text-decoration: none;
color: #000000;
padding: 4px 2px;
}
/* Kasten für die 2. Menue Ebene. Display: none sorgt dafür das der Kasten jetzt noch net angezeigt wird.*/
#menu2{
position: absolute;
top: 8px;
left: 100pxpx;
display: none;
background-color: #ffffff;
border-top: 1px solid #000080;
color: #000000;
font: bold 11px Verdana,Arial;
text-decoration: none;
width: 80px;
z-index: 20;
}
/* Farbänderung der Menueeinträge der ersten Menueebene*/
div.menu1item a:hover{
background-color: #ffffff;
color: #cc0000;
}
/* Hier wird der Block zum Vorschein gebracht beim Mausover*/
div.menu1item:hover #menu2{
display: block;
}
HTML
HTML:
<html>
<head>
<title>CSS Dynamisches Menue</title>
<link rel="stylesheet" type="text/css" href="dynamischesmenue.css">
</head>
<body>
<div id="menu1">
<div class="menu1item">
<a href="#">Hauptseite ></a>
<div id="menu2">
<a href="#">Ebene 2</a>
<a href="#">Link1</a>
<a href="#">Link2</a>
<a href="#">Link3</a>
</div><!-- Menue2 Ende -->
</div><!-- Menu1item Ende -->
<div class="menu1item">
<a href="#">Info</a>
</div>
<div class="menu1item">
<a href="#">Kontakt</a>
</div>
<div class="menu1item">
<a href="#">wiss ich net</a>
</div>
<div class="menu1item">
<a href="#">noch e Ling</a>
</div>
</div><!-- Menu1 Ende -->
</body>
</html>
ich bilde mir ein es liegt an folgendesm CSS
PHP:
/* Hier wird der Block zum Vorschein gebracht beim Mausover*/
div.menu1item:hover #menu2{
display: block;
}
Aber irgendwie macht er beim hover kein Menue auf. Selbst mit dem a davor (für den Link) gehts net. Also so:
PHP:
/* Hier wird der Block zum Vorschein gebracht beim Mausover*/
div.menu1item a:hover #menu2{
display: block;
}
Danke im Vorraus
greez Rooky