Bin noch ein ziemlicher neuling im Bereich CSS und hab grad ein Problem bei dem ich leider nicht weiterkomme.
Also ich versuch grad eine Navigation für meine Site zu erstellen. Erst einmal Poste ich den Code.
HTML Code
- Code: Alles auswählen
<body>
<div id="webseite">
<div id="inhalt">
<div id="menu">
<div id="menu_inhalt">
<ol>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ol>
</div>
</div>
</div>
</div>
</body>
CSS Code
- Code: Alles auswählen
body{background-image:url(../images/bg.jpg); text-align:center; font-size:12px;}
a:link{text-decoration:none; color:#FFF;}
a:hover{text-decoration:underline; color:#FFF;}
a:active{text-decoration:none; color:#FFF;}
a:visited{text-decoration:none; color:#FFF;}
#webseite{width:980px; margin:0 auto;}
#inhalt{background-image:url(../images/containerbg.jpg); width:955px; height:734px; margin-left:80px; text-align:left;}
#menu{background-image:url(../images/cell2.jpg); width:930px; height:35px; margin-left:10px;}
#menu_inhalt {}
#menu_inhalt ol {list-style-type:none;}
#menu_inhalt li {display:inline; margin-left:140px;}
Mein Problem :
Ich will den Inhalt des Menüs nach unten verschieben, dazu habe ich versucht bei #menu_inhalt{} mittels margin-top den Inhalt nach unten zu verschieben, das Problem ist jetzt, das er trozdem den gesamten Inhalt nach unten schiebt, also auch das Bild und nicht nur die Liste.
So nun ist meine Frage, wieso verschiebt er das ganze Menü und nicht nur den Inhalt ?
edit :
Auf wunsch hier der Screen
?