nicht angemeldet
Hallo!
Im Firefox sieht jetzt alles super aus, aber im IE gibts noch ein kleines Problem.
Das ist doch schonmal was.
Da ist noch ein kleiner Abstand zwischen Header und Buttons. Liegt das vielleicht am "div" Code?
3px Bug? Dürfte hier eigentlich nicht auftreten. Öähm und mit welcher Version des IE hast du getestet?
<style type="text/css">
<!--
#nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
background-color: #FFFFFF;
}
Lass die Hintergrundfarbe weg.
> ~~~css
> #nav ul li { float: left;
> height: 28px;
> width: 106px;
> text-align:center;
> padding-top:0px; }
>
Wenn du Padding auf 0 setzt kannst du die Angabe hier auch weg lassen.
#nav ul li a
{
float: left;
height: 28px;
width: 106px;
line-height: 250%;
text-decoration: none;
font-size: 10px;
font-family: verdana, sans-serif;
margin: 0;
padding: 0;
color: #5A5B5D;
background-image:url(../bt/assets/images/MouseOver/mouseover_01.jpg);
}
Wie gesagt ist das völliger Mist. Lasse ich die Angaben ohne Effekt weg, bleibt noch folgendes übrig:
#nav ul li a
{
line-height: 250%;
text-decoration: none;
font-size: 10px;
font-family: verdana, sans-serif;
color: #5A5B5D;
background-image:url(../bt/assets/images/MouseOver/mouseover_01.jpg);
}
Wobei ich mir grad nicht sicher bin, ob line-height hier einen Effekt hat.
Und das Hintergrundbild gehört in das li-, nicht in das a-Element.
Dann zum x-ten mal: Ein Link ist ein Inline-Element. Inline-Elementen kann man keine Breiten- und Höhenangaben verpassen. Lass also Breite und Höhe beim a-Element einfach weg.
Grüße, Matze
MudGuard