mein css - code
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}
#ebene1
{
position:absolute;
top:20px;
left:30px;
width:950px;
height: 100px;
background-color:#FFFFFF;
border-style: solid;
border-width: 2px;
border-color: #0000CD;
}
#ebene2
{
position:absolute;
top:124px;
left:30px;
width:953px;
height: 25px;
background-color:#87CEFA;
}
#ebene3
{
position:absolute;
top:150px;
left:780px;
width:200px;
height:500px;
background-color:#FFFFE0;
}
.logoname
{
position:absolute;
top:10px;
left:15px;
}
{
font-size:12pt;
color:#000000;
}
/*Navigation oben*/
ul
{
display:inline;
list-style-type:none;
font-size:10pt;
}
li
{
display:inline;
}
li a:link, li a:visited
{
color:#0000CD;
text-decoration:none;
}
li a:hover, li a:active, li a:focus
{
color: #FF0000;
}
mein html-code
<div id="ebene2">
<ul>
<li><a href="test1.html"></a></li>
<li><a href="test2.html"></a></li>
<li><a href="test3.html"></a></li>
<li><a href="test4.html"></a></li>
<li><a href="test5.html"></a></li>
<li><a href="test6.html"></a></li>
<li><a href="test7.html"></a></li>
<li><a href="test8.html"></a></li>
<li><a href="mailto:info@"></a></li>
</ul>
</div>
Mein Problem ist es, das meine link-liste ca. 20 px nach rechts eingerückt ist, und an der oberen kante der ebene2 sitzt!
Wie kann ich meine link-liste an den linken rand setzen bzw. vom oberen rand der ebene2 eine leerzeile erzwingen,
Kann mir da jemand weiterhelfen?