Matthias Apsel: CSS o. Javascript div Layer einblenden mal anders

Beitrag lesen

Om nah hoo pez nyeetz, Dieter!

Rein mit CSS geht es nicht, soviel weiß ich schon mal :)

Es könnte auch rein mit CSS gehen, wie das Beispiel mit der Liste zeigt. Aufpassen musst du nur, weil <a> kein <a> enthalten darf. Dies wiederum hat nichts mit CSS zu tun.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Dynamische Navigation</title>

<style type="text/css">

ul#navigation {
            list-style-type: none;
}

li {
            padding: 0px 10px 0px 10px;
            float: left;
            position: relative;
}

li ul {
            left: -1000px;
            position: absolute;
            list-style-type: none;
}


li:hover ul {
            left: -40px;
}

</style>
</head>

<body>

<ul id="navigation">
     <li><a href="#">aktuell</a></li>

     <li><a href="#">Test</a>
         <ul>
               <li>Testext <a href="link">Link</a> wieder Text</li>
	 </ul>
     </li>
</ul>

</html>

Matthias

--
1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif