nicht angemeldet
Hallo Leute,
ich habe jetzt schon lange gesucht und herumprobiert, kriege es aber nicht gebacken.
Ich will eine horizontale Navigation erstellen mit ul, li, float etc. Dabei soll aber das Aufzählungszeichen erhalten bleiben. Funktioniert in FF, nicht aber im IE6 unter W2K.
Workaround: Für jeden einzelnen Navigationspunkt eine UL mit nur einem LI und float für jede UL. Nicht sehr elegant.... (Code s.u.)
Gibt es keine ander Lösung?
Danke
Major
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
#nav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
display: table;
}
#nav ul {
}
#nav li {
border: 1px dotted #0000FF;
width: 150px;
margin: 5px;
float: left;
}
#nav a {
text-decoration: none;
display: block;
background-color: #FFFF66;
border: 1px solid #FFFFFF;
width: 150px;
}
#nav a:hover {
background-color: #999999;
border: 1px solid #000000;
}
#nav2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
}
#nav2 ul {
float: left;
width: 200px;
}
#nav2 li {
border: 1px dotted #0000FF;
margin-left: 15px;
}
#nav2 a {
text-decoration: none;
display: block;
background-color: #FFFF66;
border: 1px solid #FFFFFF;
width: 150px;
}
#nav2 a:hover {
background-color: #999999;
border: 1px solid #000000;
-->
</style>
</head>
<body>
<div id="nav">
<p> </p>
<ul>
<li><a href="#">test1</a></li>
<li><a href="#">test2</a></li>
<li><a href="#">test3</a></li>
</ul>
<p> </p>
</div>
<p> </p>
<div id="nav2">
<ul>
<li><a href="#">test1</a></li>
</ul>
<ul>
<li><a href="#">test2</a></li>
</ul>
<ul>
<li><a href="#">test3</a></li>
</ul>
<p> </p>
</div>
<p> </p>
</body>
</html>