[HTML] Drop Down
- Ersteller armym3
- Erstellt am
Servus
eigentlich ganz simpel. die kunst liegt bei li:hover ul
html:
css:
Jetzt gibts aber probleme bei einigen Browsern. Aber frag mal Google. da steht viel und eine gute seite hab ich vor kurzem selbst als tip bekommen:
http://xhtmlforum.de/40267-faq-h-ufi...ragen-und.html
Gruß
eigentlich ganz simpel. die kunst liegt bei li:hover ul
html:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
<title>Test</title>
</head>
<body>
<ul id="nav">
<li><a href="">Toplevel 1</a></li>
<li>
<a href="">Toplevel 2</a>
<ul>
<li><a href="">Sublevel 1</a></li>
<li><a href="">Sublevel 2</a></li>
<li><a href="">Sublevel 3</a></li>
</ul>
</li>
</ul>
</body>
</html>
Code:
ul{
list-style-type:none;
}
li{
float:left;
}
a {
width:100px;
border:1px solid black;
display:block;
}
li ul {
display:none;
width:100px;
}
li:hover ul{
display:block;
}
ul li a{
width:100px;
display:block;
}http://xhtmlforum.de/40267-faq-h-ufi...ragen-und.html
Gruß
Läuft nicht im <IE7, da diese nur ":hover" für "a" kennt. Aber auch das hat man schon geknackt.
http://www.cssplay.co.uk/menus/index.html oder mit JS: http://www.htmldog.com/articles/suckerfish/example/
http://www.cssplay.co.uk/menus/index.html oder mit JS: http://www.htmldog.com/articles/suckerfish/example/
