zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden <li> - Links im CSS-Menü Vertikal mittig ausrichten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.10.2010, 14:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.10.2010
Beiträge: 3
horstetwalt befindet sich auf einem aufstrebenden Ast
Standard <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;
}
ich danke euch schonmal im voraus!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.10.2010, 14:40
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

also irgendwie versteh ich noch nicht so ganz dein Anliegen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.10.2010, 14:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.10.2010
Beiträge: 3
horstetwalt befindet sich auf einem aufstrebenden Ast
Standard

Ich hab mal nen Screen gemacht:

Mit Zitat antworten
  #4 (permalink)  
Alt 04.10.2010, 14:52
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

joa. wo ?
Mit Zitat antworten
  #5 (permalink)  
Alt 04.10.2010, 16:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.10.2010
Beiträge: 3
horstetwalt befindet sich auf einem aufstrebenden Ast
Standard

Hab ich gut gemacht oder? ;p

Hier noch ein Versuch:

Geändert von horstetwalt (04.10.2010 um 16:04 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 04.10.2010, 16:04
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

super doll, wieder nichts.
Mit Zitat antworten
  #7 (permalink)  
Alt 04.10.2010, 16:15
Benutzerbild von XHTMLvalid
IE OMG WTF
XHTMLforum-Mitglied
 
Registriert seit: 03.09.2010
Ort: Palma de Mallorca
Beiträge: 161
XHTMLvalid wird schon bald berühmt werden
Standard

Wie wäre es mit einer Präsentation Online? Würde vieles einfacher machen.
__________________
XHTML-Valid-Websites.com | CookielessDomain.com | Stop-Supporting-IE6.com
if (browser == IE) { sucks(big); } else { nice(site); }
Mit Zitat antworten
  #8 (permalink)  
Alt 04.10.2010, 17:36
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von XHTMLvalid Beitrag anzeigen
Wie wäre es mit einer Präsentation Online? Würde vieles einfacher machen.
Ist ne transparente Präsentation, deshalb sieht man nix.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #9 (permalink)  
Alt 06.10.2010, 08:04
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

Warum ist das auskommentiert?
Code:
.mainnav_inact a, .mainnav_act a {
    /* padding: 0px 0px 0px 8px; */
}
Siehe: http://xhtmlforum.de/40267-faq-h-ufi...tml#post296439
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 06.10.2010, 19:41
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von horstetwalt Beitrag anzeigen
Ich möchte das die Navigationslinks die in <li>Link</li> stehen vertikal mittig ausgerichtet werden
Es steht nahezu alles in den FAQ: http://xhtmlforum.de/40267-faq-h-ufi...tml#post296439
__________________
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.)
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
cssli, nav, navi, navigation

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:01 Uhr.