hab da ein Problem mit einem Dropdown Menü. Vielleicht kann mir wer den Fehler zeigen, sitze schon Stunden dran aber finde ihn nicht
HTML-Quellcode
- <div id="full"><div id="nav">
- <p><ul><li><a href="#" title="Triesterstraße">Triesterstraße</a></li></p>
- <p><li><a href="#" title="Lageplan">Lageplan</a></li></p>
- <p><li><a href="#" title="Standort">Standort</a></li></p>
- <p><li><a href="#" title="Objektbeschreibung">Objektbeschreibung</a></li></p>
- <p><li><a href="#" title="Ausstattung">Ausstattung</a></li></p>
- <p><li><a href="#" title="Fotogallerie">Fotogallerie</a></li></p>
- <p><li><a href="#" title="Pläne">Gebäudepläne</a></p>
- <p><ul><li><a href="#" title="Kellergeschoss">Kellergeschoss</a></li></p>
- <p><li><a href="#" title="Erdgeschoss">Erdgeschoss</a></li></p>
- <p><li><a href="#" title="1. Obergeschoss">1. Obergeschoss</a></li></p>
- <p><li><a href="#" title="2. Obergeschoss">2. Obergeschoss</a></li></p>
- <p><li><a href="#" title="3. Obergeschoss">3. Obergeschoss</a></ul></li>
- </ul></li></div>
Quellcode
- #full {position:relative; width:960px; left:0; z-index:2; margin:20px auto 0 auto; overflow:auto;}
- #nav {float:left; position:fixed;}
- #nav a#logo {padding:0 0 20px 0; height:100px; width:300px; display:block;}
- #nav ul {list-style:none;}
- #nav ul li {list-style:none;}
- #nav ul li a {color:#fff; font-size:16px; font-weight:bold; text-decoration:none;}
- #nav ul li ul {display:none;}
- #nav ul li ul li {padding:6px 0 2px 10px;}
- #nav ul li ul li.active a, #nav ul li a:hover {color:#ffcc00;}
- #nav ul li ul li a{font-weight:bold; font-size:15px;}
- #nav ul li.active ul {display:block;}
- #nav ul li {padding:0 0 8px 0;}
Wenn man auf Gebäudepläne klickt, sollen sich die unteren Links aufklappen