Timur: einfaches css problem?

Beitrag lesen

SELF-Forum

einfaches css problem?

Timur
– Informationen zu den Bewertungsregeln

Hallo,

ich habe es jetzt mit float:left gemacht. Nun sind die Hauptlinks in einer reihe, aber dafür ist das Untermenü nicht untereinander... Wie kriege ich das Problem behoben?

Hier nochmal der Code:

<html>  
<head>  
<style type="text/css">  
#navitem{padding:0px; margin:0px; display:block; list-style-type:none;}  
#navitem a{margin:0px; padding:6px 6px; display:block;}  
#navitem li{padding:0; margin:0; float:left; list-style:none;}  
#navitem ul{margin:0px; padding:6px 6px; display:none; list-style-type:none;}  
#navitem ul li a:hover{margin:0px; padding:6px 6px; list-style-type:none; background:red;}  
  
.nav1{width:160px;}  
</style>  
</head>  
<body>  
<div id="links">  
	<ul id="navitem">  
		<li><a href="#">Nachrichten</a>  
			<ul>  
				<li class="nav1"><a href="nachrichtneu.php">Nachrichten eingeben</a></li>  
				<li class="nav1"><a href="nachrichtanzeigen.php">Nachrichten anzeigen</a></li>  
				<li class="nav1"><a href="nachrichtneu.php">Nachrichten eingeben</a></li>  
				<li class="nav1"><a href="nachrichtanzeigen.php">Nachrichten anzeigen</a></li>  
			</ul>  
		</li>  
		<li><a href="#">Nachrichten</a>  
			<ul>  
				<li class="nav1"><a href="nachrichtneu.php">Nachrichten eingeben</a></li>  
				<li class="nav1"><a href="nachrichtanzeigen.php">Nachrichten anzeigen</a></li>  
				<li class="nav1"><a href="nachrichtneu.php">Nachrichten eingeben</a></li>  
				<li class="nav1"><a href="nachrichtanzeigen.php">Nachrichten anzeigen</a></li>  
				<li class="nav1"><a href="nachrichtneu.php">Nachrichten eingeben</a></li>  
				<li class="nav1"><a href="nachrichtanzeigen.php">Nachrichten anzeigen</a></li>  
			</ul>  
		</li>  
	</ul>  
</div>  
<script type="text/javascript">  
/* <![CDATA[ */  
var navitem = document.getElementById("navitem").getElementsByTagName("UL");  
for (i=0;i<navitem.length;i++)  
{  
	navitem[i].setAttribute("id","navitem"+i)  
	if (navitem[i].parentNode.nodeName == "LI")  
	{  
	navitem[i].parentNode.onmouseover = function ()  
		{  
			this.lastChild.style.display = "block";  
		}  
	navitem[i].parentNode.onmouseout = function ()  
		{  
		this.lastChild.style.display = "none";  
		}  
	}  
}  
/* ]]> */  
</script>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln