zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Liste im IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.08.2007, 16:33
StarSt0rm
neuer user
Thread-Ersteller
 
Registriert seit: 15.08.2007
Beiträge: 34
StarSt0rm befindet sich auf einem aufstrebenden Ast
Standard Liste im IE

Hallo

Ich habe jetzt die Navigation auf meiner Seite mit einer Liste gemacht.
Jedoch werden die einzelnen unterpunkte im IE nach rechts verschoben.
Setz ich jedoch "float:left;" ein klappt das im IE wunderbar aber in FF wird alles total falsch angezeigt.
Sieh hier: New Page!

Dazu wird im IE die abgerundete "Endgrafik" nicht angezeigt.

Code:
#navi {
	float:left;
	list-style:none;
	text-decoration:none;
	border-right:3px solid #187cd2;
	width:162px;
	}

/* IE6 3-Pixel-Bugfix */
* html #navi {
	float:left;
	margin-right:-3px;
	list-style:none;
	text-decoration:none;
	border-right:3px solid #187cd2;
	width:162px;
	}

#navi ul {
	display:block;
	background-image:url(images/navi_title.png);
	background-repeat:no-repeat;
	width:162px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	padding:0.5em;
	margin:0;
	}
	
#navi li a:link, li a:visited {
	background:url(images/modul_button.png);
	background-repeat:no-repeat;
	display:block;
	width:162px;
	line-height:20px;
	text-indent:10px;
	font-size:1.1em;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}
	
#navi li a:hover {
	color:#000;
	text-indent:18px;
	background-position:0 -20px;
	}
	
#navi li #active_menu {
	text-indent:15px;
	color:#abfa00;
	background-position:0 -40px;
	}
	
#navi lo {
	display:block;
	background-image:url(images/navi_bottom.png);
	background-repeat:no-repeat;
	width:162px;
	height:14px;
	}
Code:
<div id="navi">
        <p></p>          
        <ul>.: Navigation :.</ul>
        	<li><a href="index.php?site=home">&nbsp;Home</a></li>
            <li><a href="index.php?site=news">&nbsp;News</a></li>
            <li><a href="index.php?site=about_me_index">&nbsp;About Me</a></li>
            <li><a href="index.php?site=link_me_index">&nbsp;Link Me</a></li>
            <li><a href="index.php?site=guestbook">&nbsp;Guestbook</a></li>
        <lo></lo>
        <p></p>
        <ul>.: Navigation :.</ul>
        	<li><a href="index.php?site=home">&nbsp;Home</a></li>
            <li><a href="index.php?site=news">&nbsp;News</a></li>
            <li><a href="index.php?site=about_me_index">&nbsp;About Me</a></li>
            <li><a href="index.php?site=link_me_index">&nbsp;Link Me</a></li>
            <li><a href="index.php?site=guestbook">&nbsp;Guestbook</a></li>
        <lo></lo>
        <p></p>
        </div>
Könnte mir bitte einer von euch weiterhelfen?

Ich bedanke mich im Voraus!

Gruß
StarSt0rm

Geändert von StarSt0rm (22.08.2007 um 17:05 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.08.2007, 19:41
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.847
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

1. Schulstunde, Thema dieser Stunde: Wie sieht eine ungeordnete Liste in HTML aus?
Code:
<ul>
   <li>Item1</li>
   <li>Item2</li>
   <li>Item...</li>
</ul>
Ein Element <lo> existiert nicht! Das Dingen nennt man <ol>.
Und immer schön den Validator benutzen.

Bei einer Liste musst Du margin und padding immer auf 0 setzten. Zumindest den linken.
Zitat:
line 27 column 12 - Error: character data is not allowed here
line 27 column 32 - Error: end tag for "ul" which is not finished
line 28 column 12 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 29 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 30 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 31 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 32 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 33 column 11 - Error: element "lo" undefined
line 35 column 12 - Error: character data is not allowed here
line 35 column 32 - Error: end tag for "ul" which is not finished
line 36 column 12 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 37 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 38 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 39 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 40 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 41 column 11 - Error: element "lo" undefined
line 43 column 12 - Error: character data is not allowed here
line 43 column 32 - Error: end tag for "ul" which is not finished
line 44 column 12 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 45 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 46 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 47 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 48 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 49 column 11 - Error: element "lo" undefined
line 51 column 12 - Error: character data is not allowed here
line 51 column 32 - Error: end tag for "ul" which is not finished
line 52 column 12 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 53 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 54 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 55 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 56 column 15 - Error: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
line 57 column 11 - Error: element "lo" undefined
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.08.2007, 19:58
StarSt0rm
neuer user
Thread-Ersteller
 
Registriert seit: 15.08.2007
Beiträge: 34
StarSt0rm befindet sich auf einem aufstrebenden Ast
Standard

Ohhh man ich bin vllt. blöd
OK jetzt läuft alles wie gewollt.
Vielen Dank!

Gruß
StarSt0rm
Mit Zitat antworten
  #4 (permalink)  
Alt 22.08.2007, 20:04
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.847
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Leere Absätze als Abstandhalter zu benutzen, ist aber nicht gut.
Bzw. leere Elemente sollte man möglichst vermeiden.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe
Mit Zitat antworten
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
<li> von einer Liste in andere verschieben tichy Javascript & Ajax 5 16.07.2009 13:54
Horizontale Liste mit breiteren Unterpunkten Korasu CSS 3 12.05.2009 09:00
Links in einer Liste formatieren Steakfred CSS 2 26.01.2008 15:49
Bunte Liste: Code kürzen? Steakfred CSS 2 23.01.2008 11:43
Liste (inline) Umbruch erzeugen Steakfred CSS 3 09.05.2006 12:27


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:32 Uhr.