Hallo,
ich werde noch verrückt mit dem HTML bzw. mit dem FF und dem Opera.
Mein Problem:
Ich will auf meinen Link ein Hintergrundbild legen was ich mit css verändere bei hover z.B, was im IE auch sehr gut funktioniert, nur der FF und der Opera zeigen mir nur einen Teil des Bildes an, und zwar nur so viel wie die Schrift ist und ich weiß nicht warum.
Ich habe auch schon die id="navigation" in den <a href="index.php" id="navigation"> reingesetzt, ändert aber auch nix.
Was mache ich da falsch? kAnn mir jemand helfen?
HTML
<html> <head> <title>{$titel}</title> <link rel="stylesheet" style="text/css" href="{$css}"> </head> <body> <table border="1" cellspacing="0" cellpadding="0" align="center" width="100%" height="100%"> <tr> <td colspan="3" height="100px;">Tabelle Oben</td> </tr> <tr> <td width="150px;" id="navigation">[url='index.php']Tabelle links[/url]</td> <td>Tabelle Mitte</td> <td width="150px;">Tabelle rechts</td> </tr> </table> </body> </html>Die CSS-Datei sieht folgendermaßen aus:
Code
/* Navigationszellen */
#navigation a
{
font-family:'Times New Roman',Arial;
font-weight:bold;
font-size:15px;
color:rgb(70,70,70);
text-decoration:none;
background-image:url(../ew_root/bilder/btn1.jpg);
background-position:0px 150px;
width:150px;
height:25px;
}
#navigation a:link
{
color:rgb(70,70,70);
text-decoration:none;
height:25px;
width:150px;
}
#navigation a:visited
{
color:rgb(70,70,70);
text-decoration:none;
height:25px;
width:150px;
}
#navigation a:hover
{
color:rgb(0,0,0);
font-weight:bold;
text-decoration:none;
background-image:url(../ew_root/bilder/btn1.jpg);
background-position:150px 300px;
width:150px;
height:25px;
padding-top:4px;
}
#navigation a:active
{
color:rgb(70,70,70);
font-weight:bold;
text-decoration:none;
height:25px;
width:150px;
}
#navigation a:focus
{
color:rgb(0,0,0);
font-weight:bold;
text-decoration:none;
height:25px;
width:150px;
}