Hallo,
Ich habe eine <div> Box erstellt mit 900x30px.
In diese Box habe ich einen Background geladen und 4 Verweisbuttons.
Hier mal der Code:
Der CSS Code vom Hintergrund:
Und der Design Code der Links:
Nun Rutscht der Hintergrund und die Links im FireFox immer zur hälfte runter (raus). Aber im IE 7 funktioniert alles einwandfrei...
bitte um Hilfe
Mfg lukiB
Ich habe eine <div> Box erstellt mit 900x30px.
In diese Box habe ich einen Background geladen und 4 Verweisbuttons.
Hier mal der Code:
Code:
<div style="background-color:none;
width:900px;
height:30px;
border:2px black solid;
margin-bottom:10px;
">
<div class="rosa">
<div id="navi">
<ul>
<li><a href="lukibstart.htm">Home</a></li>
<li><a href="compu.htm">Computer</a></li>
<li><a href="uemi.htm">Über Mich</a></li>
<li><a href="indeRx.htm">Gästebuch</a></li>
</ul>
</div>
</div>
</div>
Code:
.rosa{
background:url('grüün.bmp');
width:900px;
height:30px;
}
Code:
#navi {
text-align:left;
margin-top:2px;
margin-bottom:10px;
margin-left:20px;
margin-right:15px;
}
#navi ul {
list-style:none;
}
#navi li {
float:left;
margin-left:50px;
width:85px;
background-image:url('buttonee.jpg');
background-color:#222222;
border-top:1px black solid;
border-left:1px black solid;
border-bottom:1px black solid;
border-right:1px black solid;
margin-top:0px;
margin-bottom:0px;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
padding-right:3px;
font-family:Comic Sans MS , sans-serif;
font-size:13px;
font-weight:bold;
}
#navi a:link { color:white; text-decoration:none; }
#navi a:visited { color:white; text-decoration:none; }
#navi a:focus { color:green; text-decoration:overline; }
#navi a:hover { color:red; text-decoration:none; }
#navi a:active { color:orange; text-decoration:underline; }
bitte um Hilfe
Mfg lukiB