|
|||
Geschachtelte <ul> horizontal darstellen?
hallo,
ich bin hier und in dem css- bereich neu und habe folgendes prob: ich habe eine navigation in form einer <ul>, an dieser <ul> geschichte kann ich leider nichts ändern. einzelne navigations-punkte haben subnavigations-punkte, die wiederum in form von <ul> dargestellt werden. soweit so gut! die gesamte navigation soll nun aber horizontal dargestellt werden. bei der haupt-navigation ist das ja keine sache, das klappt. bei der unter-navigation klappt das soweit auch, allerdings zerhacke ich mit (wenn ich einen nav-punkt, der unterpunkte hat, anklicke) die haupt-navigation. ohne unter-navigation mit unter-navigation hat jemand von euch eine ahnung, wie ich das lösen kann? vielen, vielen dank! |
Sponsored Links |
|
|||
So ohne Code habe ich keine Idee.
Aber der hier hatte schon eine Menge Ideen mit CSS-menüs: Stu Nicholls | CSSplay | CSS only menus In den Quelltext der einzelnen Seiten schauen, da ist der komplette Code nebst CSS einfach sichtbar.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
danke erst einmal!
klar, der code. sorry! hier ist er: .css: Code:
#leftcol { width:800px; position:absolute; top:180px; left:0px; } #leftcol ul { white-space: nowrap; max-width: 800px; line-height: 20px; list-style: none; margin-top: 0; /*list-style-image:url(../images/corner.png);*/ vertical-align:top; } #leftcol li { float:left; margin-right: 5px; padding-right: 5px; } #leftcol li a { text-decoration: none; color: #7C7C7C; font-size: 13pt; } #leftcol li a:hover { color: #000; text-decoration: none; } ul.menu { white-space: nowrap; max-width: 800px; } /* Submenu */ /* #leftcol li ul { font-size:8pt; color:#7c7c7c; }*/ #leftcol li.parent ul li a, #leftcol li.parent ul li a:link { white-space: nowrap; max-width: 800px; font-size:8pt; color:#7c7c7c; position:relative; top:0px; left:-100px; } #leftcol li.parent ul li a:hover { color: #000; } /* END Submenu */ HTML-Code:
<div id="leftcol"> <div class="moduletable_menu"> <ul class="menu"> <li class="item1"> <a href=""><span>Home</span></a> </li> <li id="current" class="parent active item27"> <a href=""><span>Joomla! Overview</span></a> <ul> <li class="item34"> <a href=""><span>What's New in 1.5?</span></a> </li> <li class="item41"> <a href=""><span>FAQ</span></a> </li> <li class="item50"> <a href=""><span>The News</span></a> </li> <li class="item48"> <a href=""><span>Web Links</span></a> </li> </ul> </li> <li class="item54"> <a href=""><span>Kontakt</span></a> </li> <li class="item2"> <a href=""><span>Joomla! License</span></a> </li> <li class="item37"> <a href=""><span>More about Joomla!</span></a> </li> </ul> </div> </div> |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Navigation Horizontal bei Zoom "Zeilenumbruch" | Aslof | CSS | 13 | 29.11.2010 17:34 |
Hintergrundbild vertikal UND horizontal zentrieren? | yggdrasil | CSS | 3 | 06.07.2008 11:19 |
CSS Dropdown menu horizontal...Help please ... | Oni | CSS | 4 | 09.04.2008 10:48 |
horizontal mittige darstellung | simon2001 | CSS | 2 | 31.03.2006 18:07 |
Bild horizontal und vertikal zentrieren | Anonymous | CSS | 10 | 18.06.2003 12:20 |