Timur: einfaches css problem?

Beitrag lesen

SELF-Forum

einfaches css problem?

Timur
– Informationen zu den Bewertungsregeln

Hallo,

ich habe diesen Code mir gerade geschrieben. Ich scheitere gerade daran, die Links nebeneinander zu haben und nicht untereinander! Könnt Ihr mir dabei helfen?

<html>  
<head>  
<style type="text/css">  
#navitem{padding:0px; margin:0px;}  
#navitem a{margin:0px; padding:6px 6px; position:relative; display:block;}  
#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>

Gruß
Timur

Beitrag melden
–
Informationen zu den Bewertungsregeln