Firfox ignoriert link mit background

[Toben Heger]

hey habe ein kleines linkmenu gebaut nur wird dieses nur bei dem internet explorer richtig angezeig. der firefox zeigt nichts.

die css datei:
.1 {
background: url(img/linkmenu/1.jpg);
width: 102px;
height: 94px;
}
a.1:hover {background: url(img/linkmenu/1h.jpg);}

die index datei:
<table width="205">
     <tr>
      <td>
       <a href="" title="" class="2"></a>
       <a href="" title="" class="4"></a>
       <a href="" title="" class="6"></a>
      </td>
      <td>
       <a href="" title="" class="1"></a>
       <a href="" title="" class="3"></a>
       <a href="" title="" class="5"></a>
      </td>
     </tr>
    </table>

<a href="" title="" class="7"></a>

[MudGuard]

Hi,

.1 {

Syntax-Fehler. Eine Ziffer am Beginn des Klassennamens MUSS escaped werden (besser: keine Ziffer am Anfang verwenden, weil nicht alle Browser damit klarkommen).

cu,
Andreas

[Toben Heger]

Hi,

.1 {

Syntax-Fehler. Eine Ziffer am Beginn des Klassennamens MUSS escaped werden (besser: keine Ziffer am Anfang verwenden, weil nicht alle Browser damit klarkommen).

cu,
Andreas

hey danke aber dieses hat leide rnicht geholfen. immernoch wird im firefox nichts angezeigt!

[wahsaga]

hi,

bitte sinnvoll zitieren, danke.

hey danke aber dieses hat leide rnicht geholfen. immernoch wird im firefox nichts angezeigt!

Dann validiere deinen HTML- und CSS-Code.

gruß,
wahsaga

[Tobias Heger]

hi,

bitte sinnvoll zitieren, danke.

hey danke aber dieses hat leide rnicht geholfen. immernoch wird im firefox nichts angezeigt!

Dann validiere deinen HTML- und CSS-Code.

gruß,
wahsaga

ach danke und wie??

[MudGuard]

Hi,

Ok, wenn's nicht am Syntax-Fehler liegt und das Phänomen auch bei korrekten Klassennamen auftritt, lohnt eine genauere Analyse.

hey habe ein kleines linkmenu gebaut nur wird dieses nur bei dem internet explorer richtig angezeig. der firefox zeigt nichts.

Falsch. Der IE macht's mal wieder verkehrt.

a.1:hover {background: url(img/linkmenu/1h.jpg);}

<a href="" title="" class="1"></a>

Ein absolut leeres inline-Element. Die Breite ist demnach 0.

die css datei:
.1 {
background: url(img/linkmenu/1.jpg);
width: 102px;
height: 94px;
}

width und height müssen natürlich ignoriert werden, solange der Wert für display bei inline bleibt (bei a-Elementen ist dies der Default).
inline-Elemente sind so breit wie ihr Inhalt es erfordert. Es ist kein Inhalt vorhanden. Die erforderliche Breite ist also 0.
Padding und border-width sind per default auch 0 - die gesamte für das Hintergrundbild relevante Breite ist also 0.
Auf genau dieser Breite 0 zeigt ein korrekter Browser das Hintergrundbild an - ein Hintergrundbild der Breite 0 ist aber ziemlich schlecht sichtbar.

Für die Höhe gilt ähnliches.

Daß der IE width und height doch anwendet, ist ein Fehler.

cu,
Andreas