Hallo zusammen,
in der aktuellen Ausgabe vom phpMagazin war ein CSS Menü enthalten! Leider war kein Quelltext auf der CD, deshalb hab ich den abgetippt.
Den gleichen Artikel findet man auf auf der Galileo Verlags Seite als Leseprobe des CSS-Buchs .
Das Menü geht bei mir nicht, und ich finde keinen (Tipp)Fehler!
Kann mir jemand weiterhelfen?
DANKE!
in der aktuellen Ausgabe vom phpMagazin war ein CSS Menü enthalten! Leider war kein Quelltext auf der CD, deshalb hab ich den abgetippt.
Den gleichen Artikel findet man auf auf der Galileo Verlags Seite als Leseprobe des CSS-Buchs .
Das Menü geht bei mir nicht, und ich finde keinen (Tipp)Fehler!
Kann mir jemand weiterhelfen?
DANKE!
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHMTL 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang=de>
<head>
<title>CSS Menue</title>
<style type="text/css">
/*<![CDATA[*/
body{
font: bold 11px Verdana,Arial;
}
#menu1{
width: 90px;
float: left;
}
.menu1item{
background: #efefef;
border: 1px solid #800000;
color: #000;
font: bold 11px Verdana,Arial;
text-decoration: none;
width: 90px;
}
.menu1item a{
display: block;
text-decoration: none;
color: #000;
padding: 4px 2px;
}
#menu2{
position: relative;
display: none;
border-top: 1px solid #800000;
background: #efefef;
color: #000;
font: bold 11px Verdana,Arial;
margin: 0 auto;
padding: 0;
text-decoration: none;
width: 98px;
z-index: 20;
}
head:first-child+body #menu2{
display: none;
font-weight: bold;
}
div.menu1item a:hover{
background: #fff;
color: #cc0000;
}
div.menu1item:hover #menu2{
display: block;
}
/*]]>*/
</style>
</head>
<body>
<div id="menu1">
<div class="menu1item">
<a href="phpmag.html">Hauptseite</a>
<div id="menu2">
<a href="#">Ebene 2</a>
<a href="#">Links</a>
<a href="#">Links</a>
<a href="#">Links</a>
<a href="#">Links</a>
</div>
</div>
</div>
</body>
</html>
