[HTML] Firefox stellt Mauszeiger nicht wie gewollt dar

[Balu der Bär]

Moin,

mal seit langem wieder eine klitzekleine Webdesignfrage.

Ich hatte einfach vor, ein Bild und daneben einen Text anzuzeigen. Problem war nur, dass das Bild deutlich höher als der Text war und der Text somit nicht in der Mitte des Bildes stand. Da mir keine CSS-Lösung einfiel, halt doch wieder Tabellen.

Code:

<table border="0">
<tr onmouseover="this.style.cursor='hand';" onClick="window.location.href='test.html';">
<td>[img]images/folder.png[/img]</td><td>Programme</td>
</tr>
</table>

Soweit klappt das auch, der Text steht direkt mittig recht neben dem Bild. Problem ist nur, dass das ganze (Bild + Text) ein Link werden soll. Somit musste ich wieder auf Javascript zurückgreifen (onClick="window.location.href='test.html', was auch klappt. Das einzige (temporär *g*) was mir noch Sorgen macht ist, dass der Mauscourser (onmouseover="this.style.cursor='hand';") im Firefox nicht geändert wird, es bleibt beim normalen Mauspfeil. Opera und der IE stellen es korrekt dar, der FF weigert sich aber. Hat da jemand eine Lösung für? Danke euch.

[Meflin]

Wie wärs mit CSS ?

Code:

img {
   border: none;
   cursor: pointer;
}

die Klasse kannst du dem Bild ja zuweisen, es wird ja wohl immer verlinkt sein oder

[Balu der Bär]

Stimmt, so gehts natürlich auch.

Edit: Trotzdem is der Text im FF dann immernoch nicht mit dem entsprechenden Cursor bestückt.

[Meflin]

Zitat von Balu der Bär:

Edit: Trotzdem is der Text im FF dann immernoch nicht mit dem entsprechenden Cursor bestückt.

Ja, dann musst du eben auch für den Text eine CSS-Klasse schreiben oder aber diese absurde JS-Idee ganz schnell wieder vergessen

[alcaeus]

Ein tr hat keinen style. Du kannst es als Selektor verwenden, aber nicht stylen.

Greetz
alcaeus

[Balu der Bär]

@Mef: Hatte ich versucht, ging aber auch im FF nicht. Habs grad rausgefunden, Opera & IE stellen auch cursor:hand; wie gewünscht dar, FF akzeptiert nur coursor: pointer.