zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Horizontale Navigation - Abstand zwischen </li> und <li>

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.08.2008, 12:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.08.2008
Beiträge: 19
outlaw befindet sich auf einem aufstrebenden Ast
Frage Horizontale Navigation - Abstand zwischen </li> und <li>

Hallo

Mein Problem zeigt sich folgendermassen:
Im Internet Explorer 7, wie auch im Mozilla Firefox gibt es bei der horizontalen Navigation einen Abstand von 4px zwischen den einzelnen Punkten. Wie bringe ich den weg?

Momentan sieht das CSS folgendermassen aus:
Code:
/* ----- NAVIGATION ----- */
#nav{
	height:28px;
}

#nav ul{
	position:relative; 
	padding:0; 
	margin:0;
}

#nav ul li{
	display:inline; 
	margin:0; 
}

#nav  li{
	padding:0;
}

#nav a, #nav a:link, #nav a:visited, #nav a:active, #nav a:hover{
	font-weight:bold;
	font-size:13px;
	color:#0d609f;
	text-decoration:none;
	padding: 0 15px 0 15px;
	border-left: 1px solid #c6d4df;
}

#nav a:active, #nav a:hover, #nav_on, #nav_on a, #nav_on a:link, #nav_on a:visited, #nav_on a:active, #nav_on a:hover{
	color:#000000;
	background-color:#e8e8e9;
}
Danke für eure Hilfe!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.08.2008, 12:59
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.881
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

li floaten - http://xhtmlforum.de/40267-faq-h-ufi...tml#post296439
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.08.2008, 14:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.08.2008
Beiträge: 19
outlaw befindet sich auf einem aufstrebenden Ast
Standard

Danke, das war es
Mit Zitat antworten
  #4 (permalink)  
Alt 26.08.2008, 18:38
Benutzerbild von pmmueller
Autor von "Little Boxes"
XHTMLforum-Mitglied
 
Registriert seit: 18.01.2005
Ort: Groningen (Niederlande)
Beiträge: 291
pmmueller sorgt für eine eindrucksvolle Atmosphärepmmueller sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von outlaw Beitrag anzeigen
Im Internet Explorer 7, wie auch im Mozilla Firefox gibt es bei der horizontalen Navigation einen Abstand von 4px zwischen den einzelnen Punkten. Wie bringe ich den weg?
Die Ursache für den Zwischenraum bei Listen mit display:inline ist "White space". Hier ein Testcase:

- Zwischenraum bei horizontalen Liste per display: inline - infotekten.de

Wer's hat: In "Little Boxes, Teil 2" wird dieses Phänomen ab S. 42 im Abschnitt "Whitespace - Der Leerstellenpakt" ausführlich erklärt.
__________________
HTML & CSS lernen: »Einstieg in CSS« + »Flexible Boxes« | CMS lernen: »Websites erstellen mit Contao«
Mit Zitat antworten
  #5 (permalink)  
Alt 26.08.2008, 18:52
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.881
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

Faslls er meinen Beitrag gelesen hat, wusste er das bereits

Zitat:
Dieser entsteht durch den Quelltext-Whitespace (Leerzeichen bzw. Zeilenumbrüche im HTML-Quelltext) zwischen den einzelnen li-Elementen. Was auf den ersten Blick verwundern mag, ist ein normales und völlig logisches Verhalten: Inline-Elemente werden hier ähnlich wie Fließtext behandelt, und bei diesem möchte man ja auch, dass ein Quelltext-Leerzeichen zwischen 2 Wörtern einen kleinen horizontalen Abstand zwischen ihnen bewirkt.
Mit Zitat antworten
Antwort

Stichwörter
<li>, abstände, horizontal, menupunkte, 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
Problem mit Navigation safari CSS 12 20.04.2011 12:11
Float-Problem? mischaef CSS 33 20.10.2010 17:20
Javascript UL Navigation im IE6 ven CSS 7 29.04.2008 16:29
Horizontale Navigation: <li> in gleicher Breite chilla CSS 3 12.10.2007 17:40
Container mit 2 Container darin -> Hintergrund anzeigen bendar CSS 4 05.04.2005 19:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:27 Uhr.