Erweitertes Header Menu
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Hallo,
was muss ich in dieser Zeile verändern, das ich ein erweitertes Header Menu bekomme? Das ich dann Nachrichten habe und darunter Ungelesen, Neue Nachrichten, Nachricht verfassen bzw. das es nach unten fährt wie ein DropDown.
if($_GET["s"]== "nachrichten"){echo "<li class='b_aktiv'><a href='$domain/nachrichten/'>Nachrichten</a></li>";} else {echo "<li><a href='$domain/nachrichten/'>Nachrichten</a></li>";}
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
willst du ein DropDown Menü? oder was meinst du genau? das geht dann mit CSS
-
Ja DropDown Menu, aber wie mache ich das am besten?
-
Hier ein kleines Beispiel!
<!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>Startseite</title> <style> #menue1 { background-color:#0000ff; width:130px; height:25px; float:left; cursor:pointer; margin-left:25px; text-align:center; vertical-align:bottom; color:#ECEAD9; } #menue1:hover { background-color:#0000ff; width:130px; height:25px; cursor:pointer; margin-left:25px; text-align:center; vertical-align:bottom; color:#ff0000; } #menue1 div { display:none; /*color:#ff0000;*/ } #menue1:hover div { display:block; width:130px; height:25px; cursor:pointer; text-align:center; vertical-align:bottom; } #unterpunkt1 { background-color:#0000ff; margin-top:5px; width:130px; height:25px; cursor:pointer; text-align:center; vertical-align:bottom; color:#ffffff; } #unterpunkt1:hover { background-color:#0000ff; margin-top:5px; width:130px; height:25px; cursor:pointer; text-align:center; vertical-align:bottom; color:#ff0000; } #unterpunkt2 { background-color:#0000ff; margin-top:0px; width:130px; height:25px; cursor:pointer; text-align:center; vertical-align:bottom; color:#ffffff; } #unterpunkt2:hover { background-color:#0000ff; margin-top:0px; width:130px; height:25px; cursor:pointer; text-align:center; vertical-align:bottom; color:#ff0000; } </style> </head> <body> <div id="menueleiste"> <div id="menue1">Menuepunkt <a href="#"><div id="unterpunkt1">Unterpunkt1</div></a> <a href="#"><div id="unterpunkt2">Unterpunkt2</div></a> </div> </div> <div id="menueleiste"> <div id="menue1">Menuepunkt2 <a href="#"><div id="unterpunkt1">Unterpunkt1</div></a> <a href="#"><div id="unterpunkt2">Unterpunkt2</div></a> </div> </div> </body> </html>
Ich hoffe das hilft! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
