|
|||
Drop Down Menue - Ich steh auf dem Schlauch!
Hallo,
ich habe lange nicht an online-Projekten gearbeitet und muss mir daher jetzt mühsam css-Kenntnisse aneignen. Und wie das so ist im Alter: Es fällt einem viel schwerer. Ich versuche gerade ein bestehendes Menü an zwei Stellen runterklappen zu lassen. Allerdings klappt das irgendwie nicht: Die Unterpunkte erscheinen immer auf der selben Linie wie der Rest. Hier mal der html-Code: <div id="menu"> <ul> <li><a class="current" href="index.html" title="">Home</a></li> <li><a class="menu ul ul" title="">Hauptthema1</a> <ul> <li><a href="#">Unterpunkt1a</a></li> <li><a href="#">Unterpunkt1b</a></li> <li><a href="#">Unterpunkt1c</a></li> </ul> </li> <li><a href="#" title="">Hauptthema2</a> <ul> <li><a href="#">Unterpunkt2a</a></li> <li><a href="#">Unterpunkt2b</a></li> <li><a href="#">Unterpunkt2c</a></li> </ul> </li> <li><a href="#" title="">Hauptthema3</a> <ul> <li><a href="#">Unterpunkt3a</a></li> <li><a href="#">Unterpunkt3b</a></li> </ul> </li> <li><a href="#" title="">Kontakt</a></li> <li><a href="#" title="">Impressum</a></li> </ul> </div> </div> Und hier noch das CSS: /*----------------------menu-------------------------*/ #menu{ width:900px; height:42px; padding:0px; clear:both; background:url(images/green_box_bg.gif) no-repeat left #50a842; } #menu ul{ list-style:none; padding:0 0 0 10px; margin: auto; display:block; } #menu ul ul { position: absolute; z-index: 2; display: none; } #menu ul li:hover ul { display: block; } #menu ul li{ list-style:none; float:left; width:auto; height:42px; padding:0px; line-height:42px; font-family:Arial, Helvetica, sans-serif; font-size:14px; } #menu ul li a{ height:42px; width: auto; float:left; text-decoration:none; padding:0 0 0 25px; margin:0px 3px 0px 3px; color:#fff; text-align:center; } #menu ul li a:hover{ height:42px; width: auto; text-decoration:none; color: #fff; padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left; } #menu ul li a.current{ height:42px;width: auto;float:left;text-decoration:none;padding:0px;color: #fff;padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left; } Ich bin sehr sicher, dass es sich um einen ganz blöden Anfängerfehler handelt, bei dem der eine oder andere vor Lachen auf dem Boden zusammenbricht, aber ich komm nicht drauf und mir fehlen sicher hier und da die nötigen Vokabeln. Ich wäre daher sehr dankbar, wenn mir jemand hier helfen könnte. Vielen Dank! 3iggy |
Sponsored Links |
|
|||
Willkommen im Forum.
Bitte auf Crosspostings zumindest hinweisen, denn möglicherweise versucht hier doch noch jemand, zu antworten. Doppelte Arbeit ist dann immer ärgerlich. → Anfängerfrage zu Drop-Down-Menue |
Sponsored Links |
Stichwörter |
css, drop down menu |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Drop down | flutsch | CSS | 1 | 25.09.2011 00:33 |
Drop and down Menü? | Anny | CSS | 0 | 25.07.2007 16:11 |
Ich steh auf dem Schlauch! | xero | CSS | 1 | 15.07.2007 16:27 |
Scrollbares Textfeld mit purem CSS | Dancer | CSS | 6 | 24.01.2005 16:58 |