Hey...
ich hab mich jetzt mal damit beschäftigt:
<style type="text/css">
#menue {
width:800px;
height:30px;
background-image:url(bilder/menueleiste.jpg);
border: 1px solid #CCCCCC;
white-space: nowrap;
}
#menue li {
display:inline;
list-style-type:none;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#menue a {
text-decoration:none;
color:#000000;
padding: 5px 20px;
}
</style>
</head>
<body>
<ul id="menue">
<li><a href="#">HOME</a></li>
<li><a href="#">LEISTUNGEN</a></li>
<li><a href="#">REFERENZEN</a></li>
<li><a href="#">PRODUKTE</a></li>
<li><a href="#">SHOP</a></li>
<li><a href="#">KONTAKT</a></li>
</ul>
</body>
Ich versteh 1. nicht warum das Padding-top (hier 5px nicht klappt) und 2. würde ich gerne wissen, ob man nicht für das <a> eine feste Größe angeben kann
z.B. so:
#menue a {
text-decoration:none;
color:#000000;
width: 133px;
height: 30px;
text-align: center;
vertical-align: middle;
}
Aber irtgendwie mags so nicht hinahuen...;)
Wenn jemand will kan ich auch die HTML-Datei davon schicken, aber ich schaffs einfach nicht...