|
|||
<li> - Links im CSS-Menü Vertikal mittig ausrichten
Hallo liebe Community,
dies ist mein erster Post, ich muss sagen ich bin recht weit gekommen, nur leider hänge ich jetzt: Mein Problemchen: Ich möchte das die Navigationslinks die in <li>Link</li> stehen vertikal mittig ausgerichtet werden: ------------------------------- | | | Hier steht mittig der Link| | | ------------------------------- Im Moment klebt der Link oben an dem li-Element. Sowas wie vertical-align: middle; funktioniert bei mir nicht ??? Mein HTML-Code (Navi) sieht so aus: HTML-Code:
<div id="left"> <div id="mainnav"> <ul> <li class="mainnav_inact"><a href="index.php?id=21" title="Aktuelles" >Aktuelles</a></li><li class="mainnav_act"><a href="index.php?id=7" title="Projekt" >Projekt</a><li class="subnav_act"><a href="index.php?id=8" title="Vertikale Datenintegration" >Vertikale Datenintegration</a></li><li class="subnav_act"><a href="index.php?id=23" title="Montageplanung und Montagemonitoring" >Montageplanung und Montagemonitoring</a></li><li class="subnav_act"><a href="index.php?id=25" title="Knowledge Engineering" >Knowledge Engineering</a></li><li class="subnav_act"><a href="index.php?id=26" title="Integriertes Montageportal" >Integriertes Montageportal</a></li></li><li class="mainnav_inact"><a href="index.php?id=9" title="Ergebnisse" >Ergebnisse</a></li><li class="mainnav_inact"><a href="index.php?id=10" title="Veröffentlichungen" >Veröffentlichungen</a></li><li class="mainnav_inact"><a href="index.php?id=11" title="Partner" >Partner</a></li><li class="mainnav_inact"><a href="index.php?id=12" title="Kontakt" >Kontakt</a></li> </ul> </div> </div> Mein CSS dazu so: HTML-Code:
mainnav { width: 196px; margin: 0; } #mainnav ul li, #subnav ul li { list-style: none; } #mainnav a, #subnav a { color:#ffffff; font-size: 12px; font-family: Arial; font-weight: bolder; } .mainnav_inact a, .mainnav_act a { /* padding: 0px 0px 0px 8px; */ } .subnav_act { width:196px; height:27px; background: url(../images/backgrounds/nav_button_sub_act.gif) left top no-repeat; } .mainnav_inact { width:196px; height:27px; background: url(../images/backgrounds/nav_button_main_inact.gif) left top no-repeat; } .mainnav_act { width:196px; height:27px; background: url(../images/backgrounds/nav_button_main_act.gif) left top no-repeat; } .mainnav_act, .mainnav_inact { padding-left:14px; } .subnav_act { padding-left:14px; } |
Sponsored Links |
|
||||
Warum ist das auskommentiert?
Code:
.mainnav_inact a, .mainnav_act a { /* padding: 0px 0px 0px 8px; */ }
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
Sponsored Links |
|
||||
Zitat:
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Sponsored Links |
Stichwörter |
cssli, nav, navi, navigation |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bräuchte Hilfestellung weil meine Seite nicht richtig angezeigt wird. | Picasso | CSS | 36 | 03.01.2011 20:41 |
CSS Menü auf Internet Explorer abstimmen | raphi156 | CSS | 33 | 22.12.2010 11:10 |
Css Pop-Up Menü rechts ausrichten im Internet Explorer | mbuse | CSS | 0 | 11.09.2006 14:18 |
Inhalt ohne Tab. mittig horizontal u. vertikal ausrichten? | otoo | (X)HTML | 9 | 06.08.2004 22:23 |
Formularbuttons und Links mit CSS gleich gestalten | Jürgen | CSS | 1 | 18.09.2003 19:33 |