YEP! padding löst auch das Problem zufriedenstellend.
Danke an alle - Problemchen gelöst!
Beiträge von marneu
-
-
Das hat sehr geholfen!
Der Pointer wird jetzt richtig angezeigt und die Ergänzung um
Codestyle="border-style: outset;"
brachte den richtigen Look.Allerdings ist der Pointer jetzt irritierend, da die gewünschte Funktion "klicken auf das Tabellenelement" (oder auf den Link) nichts auslöst und immer die Schift/der Link gewählt werden muß. Hat hier noch jemand den entscheidenden Tipp für mich.
Danke inzwischen
.:Mark -
Hallo Bejot,
das löst mein Problem leider nicht.
Bitte schau Dir den Code im IE6 an, dort wird der Cursor zur Hand wenn man das Tabellenfeld betritt und wieder zum Pointer wenn man es verläßt. Man kann auch einfach auf das Tebellenelement klicken um die Funktion "Link geklickt" auszulösen.
Dort erziehlt der Code optisch den Eindruck es handelt sich um flache Schaltflächen (dunkle Kanten unten und rechts, und helle oben und links) im Tabellen Element, beim Firefox ist es genau umgekehrt. Das einzige was hierbei gleich ist, ist das Wechseln des Huntergrudes bei dem Element.Der Vorteil Deines Codes ist allerdings der, dass er, bis auf die Pointerfunktion, gleich aussieht. Aber das Verhalten ist es auch nicht.
lg .:Mark
-
Ich möchte die Anzeige wie im IE6 erreichen bzw. in beiden Browsern das gleiche Ergebnis. Kann mir jemand helfen, oder den entscheidenen Hinweis geben, wie ich gleiche Ergebinise erzielen kann?
Code
Alles anzeigen<head> <title>Explorer6 vs. Firefox</title> <script language="JavaScript"> function mouseOver(src,clrOver) { src.style.cursor = 'hand'; src.style.backgroundColor = clrOver; } function mouseOut(src,clrIn) { src.style.cursor = 'default'; src.style.backgroundColor = clrIn; } function mouseClick(src) { if(event.srcElement.tagName=='TD'){ src.children.tags('A')[0].click(); } } </script> </head> <body><B>Explorer6 vs. Firefox</B> <table border="2" cellpadding="10"> <tr> <td bgcolor="#E8FFE8" onclick="mouseClick(this);" onmouseout="mouseOut(this,'#E8FFE8');" onmouseover="mouseOver(this,'#D4D0C8');" bordercolorlight="#666666" bordercolordark="#E0E0E0"> <h2><a href="#top">Explorer</a> </h2> </td> <td bgcolor="#FFFFE5" onclick="mouseClick(this);" onmouseout="mouseOut(this,'#FFFFE5');" onmouseover="mouseOver(this,'#D4D0C8');" bordercolorlight="#666666" bordercolordark="#E0E0E0"> <h2><a href="#top">Firefox</a> </h2> </td> </tr> </table> </body> </html>[/code]