HAllo zusammen,
So, hatte mal wieder Zeit weiter zu machen. Mittlerweile sieht die Navigation gut aus. Passt es so...?
<div id="link_block">
<ul id="navigation">
<li id="home"><a>Home</a></li>
<li class="button"><a>Home</a></li>
<li class="button"><a>Über mich</a></li>
<li id="newstitel">22.06.2008</li>
<li id="news">Hallo das sind news hallo das sind die news hallo das sind die news hallo das sind die news</li>
<li id="more"><a href="/news.html">Mehr…</a></li>
</ul>
</div>
#navigation
{
list-style-image: none;
width: 231px;
margin-left: 0px;
}
#home
{
background-image: url(images/topnavi.jpg);
background-repeat: no-repeat;
height: 28px;
padding: 55px 0px 0px 60px;
color: #FFFFFF;
font-family:"Courier New", Courier, monospace;
font-size: 19px;
font-weight: 900;
}
.button
{
background-image: url(images/button.jpg);
background-repeat: no-repeat;
height: 24px;
color: #FFFFFF;
text-decoration: none;
font-family:"Courier New", Courier, monospace;
font-size: 18px;
font-weight: 900;
padding: 3px 0px 0px 55px;
}
#newstitel
{
background-image: url(images/newstitel.jpg);
background-repeat: no-repeat;
height: 34px;
color: #FFFFFF;
text-decoration: none;
font-family:"Courier New", Courier, monospace;
font-size: 16px;
font-weight: 900;
padding: 12px 0px 0px 66px;
}
#news
{
background-image: url(images/news.jpg);
background-repeat: repeat-y;
color: #ffffff;
padding: 0px 10px 5px 20px;
}
#more
{
background-image: url(images/more.jpg);
color: #ffffff;
background-repeat: no-repeat;
height: 33px;
font-family:"Courier New", Courier, monospace;
font-size: 16px;
font-weight: 900;
text-decoration: none;
padding: 15px 0px 0px 95px;
}
#more a
{
color: #ffffff;
font-family:"Courier New", Courier, monospace;
font-size: 16px;
font-weight: 900;
text-decoration: none;
}
Nun habe ich nur noch das Problem dass die ganze Leiste viel zu weit rechts ist. Mit margin-left lässt es sich auch nicht verschieben, was muss ich hier verwenden?
Hier sieht man die momentane Version http://www.pankraz.li/bug.php
Vielen Dank
pankraz