Oli: Hintergrundbild bei Links

SELF-Forum

Hintergrundbild bei Links

Oli
– Informationen zu den Bewertungsregeln

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>
<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"><a href="index.php">Tabelle links</a></td>
<td>Tabelle Mitte</td>
<td width="150px;">Tabelle rechts</td>
</tr>
</table>
</body>
</html>

Hier der CSS-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;
}

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Hintergrundbild bei Links

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    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.

    Weil, zum x-ten verflixten Mal, width und height bei mit display-Wert "inline" dargestellten Elementen wirkkungslos bleiben _müssen_.

    Also ändere was daran, dass der Link inline dargstellt wird - über display, per float, per absoluter Positionierung, ...

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln