zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit Navigationsleiste

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.08.2012, 19:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.08.2012
Beiträge: 14
papalapap befindet sich auf einem aufstrebenden Ast
Standard Problem mit Navigationsleiste

Für meine zweite Navigation hab ich folgenden html-code:

HTML-Code:
<nav><ul id="nav_2">

	<li><a href="" >Lorem & Ipsum</a></li>
	<li><a href="" >Dolor</a></li>
	<li><a href="" >Sit</a></li>
	<li><a href="" >amet & consetetur</a></li>	
	
</ul></nav>
(Die Navigation ist in einem 30px hohem div untergebracht)

... und folgenden CSS-Code:

Code:
#nav_2 {
	list-style-type: none;	
	margin: 0;
	padding: 0;
}

#nav_2 li {
	float: left;
	margin-left: 1%;	
}

#nav_2 li a {
	font-size: 30px;
	display: block;	
	padding: 2%;
}

#nav_2 li a:hover {
	background-color: white;
	color: #000032;
}
Was dabei rauskommt ist dass die ganzen Links auf verschiedenen höhen angezeigt werden:



Warum ist das so, was kann ich dagegen tun?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.08.2012, 19:50
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Die Prozentwerte für padding berechnen sich aus der Breite der Elemente.
__________________
MfG
Jens

Geändert von plastiko (07.08.2012 um 19:53 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.08.2012, 11:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.08.2012
Beiträge: 14
papalapap befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für deine Hilfe
Mit Zitat antworten
Antwort

Stichwörter
menü, menüleiste, 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
Eigene Navigationsleiste - Problem Test5000 CSS 7 28.08.2011 16:15
Css Menu Problem Rapidement CSS 11 16.06.2011 14:38
Problem mit Text neben Navigationsleiste andi01 CSS 6 08.06.2011 16:54
seltsames Design Problem Ben Achatz CSS 2 12.07.2007 13:51
Problem mit Abständen LordAvalon CSS 1 07.04.2007 01:20


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:37 Uhr.