Menü wird in Google Chrome falsch angezeigt

slevinkelevra · 22.03.2011

Nabend zusammen!

Links werden in google chrome je links und recht untereinander angezeigt!

)

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<html>
<head>
<title>AT-Warhogs//News</title>
<link rel="stylesheet" type="text/css" href="start.css">
<link rel="stylesheet" type="text/css" href="warhogs.css">
<link rel="stylesheet" type="text/css" href="Navili.css">
<link rel="stylesheet" type="text/css" href="Navire.css">

</head>

<body>

<div class="header">

<img src="../Bilder/Logo.png">

<div id="Navi">
	
		<li><a href="news.html"><b>NEWS</b></a></li>
        <li><a href="team.html"><b>TEAM</b></a></li>
		<li><a href="galerie.html"><b>GALERIE</b></a></li>
        


<div id="Navi2">

		<li><a href="links.html"><b>LINKS</b></a></li>
		<li><a href="kontakt.html"><b>KONTAKT</b></a></li>
		<li><a href="impressum.html"><b>IMPRESSUM</b></a></li>
        
</div>
</div>  
</div>

<div id="start-img">
</div>

<div id="newsblock">
<div id="news1">
</div>
</div>

</body>

</html>

Code:

#Navi {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:25px;
width: 300px;
word-spacing:30px;
margin-left:30px;
margin-right:auto;
margin-top:-70px;
padding-left:auto;
}

#Navi ul {
margin: 0px;
padding: 0px;
}

#Navi li {
display: inline;
margin: 0px;
padding: 0px;
}

#Navi li a, #Navi li a:link {
text-decoration: none;
padding: 0 5px;
color: #ffffff;
}

#Navi li a:visited {
color: #303030;
}

#Navi li a:hover, #Navi li a:focus, #Navi li a:active {
color: #000000;
}

Code:

#Navi2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width: 300px;
word-spacing:30px;
margin-left:615px;
margin-right:auto;
margin-top:-16px;
}


#Navi ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#Navi li {
display:compact;
margin: 0px;
padding: 0px;
}

#Navi li a, #Navi li a:link {
text-decoration: none;
padding: 0 5px;
color: #ffffff;
}
#Navi li a:visited {
color: #303030;
}
#Navi li a:hover, #Navi li a:focus, #Navi li a:active {
color: #000000;
}

schonmal vielen dank

Lieben gruß
Slevin

krid2873 · 22.03.2011

AW: Menü wird in Google Chrome falsch angezeigt

Moin,

schuld daran sollte dieses display:compact sein:

Code:

#Navi li {
[COLOR=Red]display:compact;[/COLOR]
margin: 0px;
padding: 0px;}

PS:
In den von dir geposteten HTML-Teil ist <head> und <html> einmal zuviel drin und es fehlen die <ul>-Elemente.