firefox ignoriert link formatierung! (via externe css)
greenbeat
- css
0 spaeter___0 spaeter___
Hallooo liebe CSS Experten,
ich verzweifle halb an einem simplen Link. Der Link soll einfach bloß ein Bild als Hintergrund haben...Nur leider will der FIREFOX nicht...! (siehe bild: http://greenbeat.byto.de/prob/bild.png)
hier mal mein HTML-CODE:
....
<link rel="stylesheet" type="text/css" href="nav.css">
</head>
<body>
<div id="navi">
<img src="bilder.png" alt="" border="0"><br>
<a href="inhalt_freunde.html" class="link2">Freunde</a>
</div>
....
und der CSS-CODE:
#navi{
margin:13.5px;
padding:13.5px;
width:250px;
height:100%;}
a.link2:link, a.link2:visited{
display:block;
height:23px;
width:223px;
background-image:url(navilist.png);
background-repeat:no-repeat;
color:#164f95;
font-size:10px;
font-family:verdana, arial, helvetica, sans-serif;
text-decoration:none;
padding-top:5px;
padding-left:35px;}
a.link2:hover{
font-color:#296dc1;
text-decoration:underline;}
ICH HOFFE IHR KÖNNT MIR HELFEN UND BEDANKE MICH SCHONMAL IM VORRAUS FÜR EUERE BEMÜHUNGEN :)
mfg gReenbeat
hallo,
#navi{
margin:13.5px;
padding:13.5px;
width:250px;
height:100%;}
vielleicht muss ff zu lange überlegen, wie er auf ein halbes Pixel genau formatieren soll?
mfg
hallo,
mit den Angaben sollte es doch funktionieren, meine Testseite sah so aus wie gewünscht.
font-color:#296dc1;
font-color gibt's aber nicht Dann wird es wohl an deiner externen Datei liegen ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test 13.5px </title>
<meta http-equiv="Content-Style-Type" content="text/css">
<style>
#navi{
margin:13.5px;
padding:13.5px;
width:250px;
height:100%;
background-color:#ffffdd;
}
a.link2:link, a.link2:visited{
display:block;
height:23px;
width:223px;
background-image:url(mygif.gif);
background-repeat:no-repeat;
background-color:yellow;
color:#164f95;
font-size:10px;
font-family:verdana, arial, helvetica, sans-serif;
text-decoration:none;
padding-top:5px;
padding-left:35px;}
a.link2:hover{
color:red;
text-decoration:underline;}
</style>
</head>
<body>
<div id="navi">
<img src="bilder.png" alt="bilder" ><br>
<a href="inhalt_freunde.html" class="link2">Freunde</a>
</div>
....
</body>
</html>