nicht angemeldet
Taag,
Bedenke, dass h2, h3, ul und/oder li, vom Browser Defaultwerte für margin und/oder padding bekommen.
alles per stylesheet überschrieben, wobei mir allerdings nicht ganz klar ist ob das auch wirklich für verschachtelte element gilt, es ist allgemein überschrieben (eben ausprobiert, ja die überschreibung ist wirksam).
In welchem Browser?
konqueror, FF, opera IE, wobei letzterer einfach keine bullets anzeigt. Da jedoch der listeneintrag am rand beginnt kommt das auf das selbe hinaus.
<html>
<style>
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#navi { /* formatiert das Element mit id "navi" */ position: absolute; top: 0em; right:0%; background: #001058; width: 15%; height: 150%; color: #ffffff; padding-left: 0em; }
#navi h2 { /* formatiert alle Überschriften zweiter Ordnung, die sich in einem Element mit der id "navi" befinden */
font-size: 0.8em;
color: #fff;
margin: 0em 0em 0em 0em;
font-weight:bold;}
#navi h3 { /* formatiert alle Überschriften dritter Ordnung, die sich in einem Element mit der id "navi" befinden */
font-size: 0.7em;
color: #fff;
margin: 0em 0em 0em 0em;
font-weight:bold;}
#navi h4 { /* formatiert alle Überschriften vierter Ordnung, die sich in einem Element mit der id "navi" befinden */
font-size: 0.6em;
color: #fff;
margin: 0em 0em 0em 0em;
font-weight:bold;}
#navi ul { /* formatiert alle ungeordneten Listen, die sich in einem Element mit der id "navi" befinden */ font-size: 0.75em;
line-height: 1em;
color: #00FC9B;
margin: 0em 0em 0em 0em ;
font-weight:bold;}
#navi ul li { /* formatiert alle Listenpunkte, die sich in einer ungeordneten Liste, die sich in einem Element mit der id "navi" befindet, befinden */
font-size: 1em;
line-height: 0.75em;
color: #00FC9B;
margin: 0em 0em 0em 0em ;
font-weight:bold;}
#navi ul li a { /* formatiert alle Links, die sich in einem Listenpunkt, der sich in einer ungeordneten Liste, die sich in einem Element mit der id "navi" befindet, befindet, befindet :-) */
font-size: 0.75em;
line-height: 1em;
color: #00FC9B;
margin: 0em 0em 0em 0em ;
font-weight:bold;}
</style>
<body>
<div id=navi>
<h2>Rundreisen</h2>
<ul>
<li><a href="bla.html">bla</a></li>
<ul>
<li><h2>Allgemeines</h2></li>
<li><h2>Unterkünfte</h2></li>
- - -
<li><h2>Gruppenreise</h2></li>
<li><h2>Minigruppe</h2></a></li>
<li><h2>Selbstfahrer</h2></a></li>
<h3>betreut</h3>
<li><h2>Selbstfahrer</h2></a></li>
<h3>unbetreut</h3>
<li><h2>Mit Kindern</h2></a></li>
<!--<li><a href="./kinder.html">Schatz des Südens</a></li>--->
- - -
<li><h2>Individualreise</h2></a></li>
<!--Beratung<br>Vorschlag<br>Buchung<br>Ausarbeitung<br>Logbuch-->
</ul>
<li><a href="../bla1.html">bla1</a></li>
<li><a href="../bla2.html">bla2</a></li>
<li><a href="..bla3.html">bla3</a></li>
</li>
</ul>
<h2>Fotoreisen</h2>
<ul>
<li><a href="./foto/bla0X.index">bla0 200X</a></li>
<li><a href="./foto/bla30Y.index">bla3 200Y</a></li>
</ul>
</li>
<h2>Beratung</h2>
<ul>
<li><a href="./service">Individualreisen</a></li>
<li><a href="./Ortskenntnis">Vor Ort</a></li>
<li><a href="me.de">Über mich ←</a></li>
<li><a href="./kontakt">Kontakt</a></li>
<br><br>
<li><a href="./sitemap">Sitemap</a></li>
</ul>
</div>
</body>
</html>
Wie sieht der Quelltext genau aus?
Ist dieser valid?
Wie sieht das CSS?
Ist das Div irgendwie positioniert?Wo gibt es ein Beispiel online, um dein Problem nachzuvollziehen?
Auf Wiederlesen
Detlef
gruß
michaah