Horizontale Navigation CSS das von unten hilft mir nicht wei - CSS Forum

MTB-bo · Anmeldungsdatum: 13.07.2005 Beiträge: 1

Hey Leute habe so ein kleines Problem.
Wollte ne Horizontale Navigation machen.
Aber die Unternavigation soll auch Horizontal werden wegen Platz gründen.
Hatte sie erst so wie man jetzt im code sieht.

aber irgend wie kommen bei mir du Verschiebungen falsche Einrückungen usw.

ich danke jetzt schonmal für eure hilfe
mfg mtb

MEIN CODE
[code]<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Navigationsleisten</title>

<style type="text/css">
body, p a
{
font:normal 100.01% Helvetica, Arial, sans-serif;
color:black; background-color:#999999;
}
div#Rahmen
{
width:43.5em;
padding:0.6em;
border:0px solid black;
background-color:silver;
}
* html div#Rahmen
{ /* Korrektur fuer IE 5.x */
width:46.7em;
w\idth:45.1em;
}
div#Rahmen div
{
clear:left;
}
ul#Navigation
{
margin:0; padding:0;
text-align:center;
}

ul#Navigation li
{
list-style:none;
float:left; /* ohne width - nach CSS 2.1 erlaubt */
position:relative;
margin:0.4em; padding:0;
}
* html ul#Navigation li
{ /* Korrektur fuer den IE */
margin-bottom: -0.4em;
}

ul#Navigation li ul {
margin:0; padding:0;
float:left; /* ohne width - nach CSS 2.1 erlaubt */
position:absolute;
top:1.6em; left:-0.4em;
display:none; /* Unternavigation ausblenden */
}
* html ul#Navigation li ul
{ /* Korrektur fuer IE 5.x */
left:-1.5em;
lef\t:-0.4em;
}
ul#Navigation li:hover ul
{
display:block; /* Unternavigation in modernen Browsern einblenden */
}
ul#Navigation li ul li
{
float:none;
display:block;
margin-bottom:0.2em;
}

ul#Navigation a, ul#Navigation span
{
display:block;
width:6.1em; /* Breite den in li enthaltenen Elementen zuweisen */
padding:0.1em;
text-decoration:none; font-weight:bold;
border:1px solid black;
border-left-color:white; border-top-color:white;
color:#800000; background-color:#CCCCCC;
}
* html ul#Navigation a, * html ul#Navigation span
{
width:8.6em; /* Breite nach altem MS-Boxmodell für IE 5.x */
w\idth:6.4em; /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell
{
border-color:white;
border-left-color:black; border-top-color:black;
color:#CCCCCC; background-color:gray;
}
li a#aktuell
{ /* aktuelle Rubrik kennzeichnen */
color:maroon; background-color:silver;
}
ul#Navigation li ul span
{ /* aktuelle Unterseite kennzeichnen */
border-color:white;
border-left-color:black; border-top-color:black;
color:#CCCCCC; background-color:gray;
}

</style>



</head>
<body>
<div id="Rahmen">
<ul id="Navigation">
<li><a href="home.htm" alt="Home" target=hauptframe>Home</a></li>

<li><a href="links_wir.htm" alt="Wir" target=links>Wir</a>
<ul>
<li><a href="gebaut.htm" alt="Marc" target=hauptframe>Marc</a></li>
<li><a href="gebaut.htm" alt="Sven" target=hauptframe>Sven</a></li>
<li><a href="gebaut.htm" alt="Kevin" target=hauptframe>Kevin</a></li>
</ul>
</li>

<li><a href="links_freunde.htm" alt="Freunde" target=links>Freunde</a>
<ul>
<li><a href="freunde.htm" alt="Wahre Freunde" target=hauptframe>Freunde</a></li>
<li><a href="kumpels.htm" alt="Freunde" target=hauptframe>Kumpels</a></li>
<li><a href="freaks.htm" alt="Freaks" target=hauptframe>Freaks</a></li>
</ul>
</li>

<li><a href="links_events.htm" alt="Events" target=links>Events</a>
<ul>
<li><a href="2004.htm" alt="2004" target=hauptframe>2004</a></li>
<li><a href="2005.htm" alt="2005" target=hauptframe>2005</a></li>
<li><a href="gebaut.htm" alt="2006" target=hauptframe>2006</a></li>
<li><a href="gebaut.htm" alt="2006" target=hauptframe>2007</a></li>
</ul>
</li>

<li><a href="http://77580.netguestbook.com" alt="G.Book" target=hauptframe>G.book</a></li>

<li><a href="http://www.hobbits.de.ms" alt="GALJOR-Clan" target=_new>Clan</a></li>
</ul><div></div></div>
</body>
</html>[/code]