knowledge refresh
Neues Mitglied
Hallo zusammen
Ich habe ein Navi, leider kann ich es nicht mitte zentrieren, weiss einer von euch, wie das gehen könnte? =)
html-code:
<div class="menu">
<img src="images/lefttop.gif" alt="" width="165" height="56" />
<ul>
<li><a href="index.html" ><img src="images/but1_active.gif.png" alt="" onmouseover="this.src='images/but1_hover.gif.png';" onmouseout="this.src='images/but1_active.gif.png'" width="109" height="30" /></a></li>
<li><a href="html/überuns.html"><img src="images/but2.gif.png" alt="" onmouseover="this.src='images/but2_hover.gif.png';" onmouseout="this.src='images/but2.gif.png'" width="109" height="30" /></a></li>
<li><a href="html/sortiment.html"><img src="images/but3.gif.png" alt="" onmouseover="this.src='images/but3_hover.gif.png';" onmouseout="this.src='images/but3.gif.png'" width="109" height="30" /></a></li>
<li><a href="html/bestellung.html"><img src="images/but5.png" alt="" onmouseover="this.src='images/but5_hover.png';" onmouseout="this.src='images/but5.png'" width="109" height="30" /></a></li>
<li><a href="html/standort.html"><img src="images/but4.gif.png" alt="" onmouseover="this.src='images/but4_hover.gif.png';" onmouseout="this.src='images/but4.gif.png'" width="108" height="30" /></a></li>
</ul>
</div>
css-code:
.menu{
background-color:#FFFFFF;
background-image:url(images/rightmid.gif);
background-position:bottom right;
background-repeat:no-repeat;
float:left;
width:800px;
}
.menu ul, .menu img{
float:left;
}
.menu li{
float:left;
list-style-type:none;
}
Freue mich auf eure Antworten
Gruss
Ich habe ein Navi, leider kann ich es nicht mitte zentrieren, weiss einer von euch, wie das gehen könnte? =)
html-code:
<div class="menu">
<img src="images/lefttop.gif" alt="" width="165" height="56" />
<ul>
<li><a href="index.html" ><img src="images/but1_active.gif.png" alt="" onmouseover="this.src='images/but1_hover.gif.png';" onmouseout="this.src='images/but1_active.gif.png'" width="109" height="30" /></a></li>
<li><a href="html/überuns.html"><img src="images/but2.gif.png" alt="" onmouseover="this.src='images/but2_hover.gif.png';" onmouseout="this.src='images/but2.gif.png'" width="109" height="30" /></a></li>
<li><a href="html/sortiment.html"><img src="images/but3.gif.png" alt="" onmouseover="this.src='images/but3_hover.gif.png';" onmouseout="this.src='images/but3.gif.png'" width="109" height="30" /></a></li>
<li><a href="html/bestellung.html"><img src="images/but5.png" alt="" onmouseover="this.src='images/but5_hover.png';" onmouseout="this.src='images/but5.png'" width="109" height="30" /></a></li>
<li><a href="html/standort.html"><img src="images/but4.gif.png" alt="" onmouseover="this.src='images/but4_hover.gif.png';" onmouseout="this.src='images/but4.gif.png'" width="108" height="30" /></a></li>
</ul>
</div>
css-code:
.menu{
background-color:#FFFFFF;
background-image:url(images/rightmid.gif);
background-position:bottom right;
background-repeat:no-repeat;
float:left;
width:800px;
}
.menu ul, .menu img{
float:left;
}
.menu li{
float:left;
list-style-type:none;
}
Freue mich auf eure Antworten
Gruss