zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Navigationsliste display:block problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.03.2010, 18:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.03.2010
Beiträge: 4
dannybdanny befindet sich auf einem aufstrebenden Ast
Standard Navigationsliste display:block problem

Hallo Community,
ich habe ein Problem undzwar möchte ich eine Navigations liste machen und dann mit block:display versehen.
Leider will die schrift bzw. der block nicht ganz nach links ans DIV.
Der Block soll die gesamte breite vom DIV verwenden.

( bitte keine anderen vorschläge, dass ich das auch ohne liste machen könnte)
HTML-Code:
<body>
<div id="all">
<ul id="navbar1">
<li><a href="#">News</a></li>
<li><a href="#">Status</a></li>
<li><a href="#">Guide</a></li>
</ul>
</div>
</body>
Code:
body {
	font-size:12px;
	font:Tahoma;
	background:#999;
}

#all {
	margin:30px auto;
	background:#999;
	width:900px;
	text-align:left;
}

ul#navbar1 {
	float:left;
	background:#666;
	width:100px;
	line-height:25px;
	letter-spacing:3px;
}
ul#navbar1 a, ul#navbar1 li {
	display:block;
	text-align:center;
	text-decoration:none;
	list-style:none;
	background:#3F3;
}

Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.03.2010, 18:54
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

[FAQ]FAQ: "CSS-Prolog"[/FAQ]
Mit Zitat antworten
Sponsored Links
Antwort

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 beim Überlappen von Listenelement lostrudel CSS 4 03.01.2011 17:36
Header entfernen tripple CSS 17 15.06.2010 15:41
Problem mit display:block; img CSS 4 15.04.2009 13:30
Content Bereich verschiebt sich im IE Hotbananaoli CSS 12 26.02.2009 17:33
Problem mit CSS Menü SMundt CSS 9 07.01.2009 19:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:46 Uhr.