|
|||
Menu Formatierung funktioniert nur teilweise
Hi,
ich habe ein aufklapp Menü bestehend aus verschachtelten Listen HTML-Code:
<html> <head> <title>Testseite</title> <style type="text/css"> #flexi-pages-1 { margin-top: -10px !important; margin-top: 0px; } #menu ul { padding-left: 0px; } #menu ul li { list-style-type:none; line-height: 20px; } #menu ul ul li, #menu ul ol li { margin: 0px 0 0; padding: 0; } #menu a { display: block; line-height: 20px; padding-left: 35px; width: 153px; font-size:11px; font-weight:500; color:#666666; background:#ddd4c6 url('http://localhost/img/menu_arrow.gif') no-repeat left center; border-bottom: 1px solid white; text-decoration: none; } .parent li ul li a { display: block; line-height: 20px; width: 188px; color: black; background-color: #000; } .parent li { margin-left: -10px; width: 188px; list-style-type: none; list-style-image: none; } .parent { text-decoration: none; width: 148px; padding-left: 0px; } .parent ul { width: 188px; margin-left: 0px !important; margin-left: 0px; } .topmenu a:hover { color:#ffffff; text-decoration:none; } </style> </head> <body> <div id="menu" style="width: 10px;"> <ul> <li id="flexi-pages-1" class="widget flexipages_widget"><ul class="parent"> <li class="page_item page-item-78"><a href="http://localhost/wordpress/modellubersicht" title="Modellübersicht">Modellübersicht</a></li> <li class="page_item page-item-2"><a href="http://localhost/wordpress/about" title="Gebrauchtwagen">Gebrauchtwagen</a></li> <li class="page_item page-item-22 current_page_ancestor current_page_parent"><a href="http://localhost/wordpress/kundenservice" title="Kundenservice">Kundenservice</a> <ul> <li class="page_item page-item-24"><a href="http://localhost/wordpress/kundenservice/werkstatt" title="Werkstatt">Werkstatt</a></li> <li class="page_item page-item-26 current_page_item"><a href="http://localhost/wordpress/kundenservice/finanzierung" title="Finanzierung">Finanzierung</a></li> <li class="page_item page-item-28"><a href="http://localhost/wordpress/kundenservice/versicherung" title="Versicherung">Versicherung</a></li> <li class="page_item page-item-30"><a href="http://localhost/wordpress/kundenservice/newsletter-2" title="Newsletter">Newsletter</a></li> </ul> </li> <li class="page_item page-item-36"><a href="http://localhost/wordpress/unternehmensinfos" title="Unternehmensinfos">Unternehmensinfos</a></li> <li class="page_item page-item-42"><a href="http://localhost/wordpress/kontaktformular" title="Kontakt">Kontakt</a></li> <li class="page_item page-item-50"><a href="http://localhost/wordpress/downloads" title="Downloads">Downloads</a></li> </ul> </li> </ul> </div> </body> </html> HTML-Code:
<li class="page_item page-item-22 current_page_ancestor current_page_parent"><a href="http://localhost/wordpress/kundenservice" title="Kundenservice">Kundenservice</a> <ul> <li class="page_item page-item-24"><a href="http://localhost/wordpress/kundenservice/werkstatt" title="Werkstatt">Werkstatt</a></li> <li class="page_item page-item-26 current_page_item"><a href="http://localhost/wordpress/kundenservice/finanzierung" title="Finanzierung">Finanzierung</a></li> <li class="page_item page-item-28"><a href="http://localhost/wordpress/kundenservice/versicherung" title="Versicherung">Versicherung</a></li> <li class="page_item page-item-30"><a href="http://localhost/wordpress/kundenservice/newsletter-2" title="Newsletter">Newsletter</a></li> </ul> </li> Hier nochmal der Teil des CSS das mir die Unterliste anpassen soll HTML-Code:
.parent li ul li a { display: block; line-height: 20px; width: 188px; color: black; background-color: #000; } Grüße Chris |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Formatierung funktioniert Serverseitig nicht | anita | CSS | 1 | 27.05.2010 17:25 |
Fly out Menu - mit Peterned´s csshover.htc oder Suckerfish JavaScript? | Chico_wau | CSS | 2 | 07.07.2008 23:01 |
IE7 fixing - expandable menu | matsie | CSS | 6 | 10.04.2008 16:55 |
Div-Layout Position | ottscho | CSS | 37 | 15.01.2008 21:51 |
menu verschiebt sich im ie, funktioniert aber im FireFox | fabiO | CSS | 8 | 27.04.2005 13:12 |