Link sobald man in die Tabelle fährt
Michael
- html
Hallo
Ich habe hier folgende Tabelle :
<TABLE BORDER="0" HEIGHT="10" WIDTH="305">
<TD
id="linkbox"
onmouseover="document.all.linkbox.style.background = '#B33C1C';"
onmouseout="document.all.linkbox.style.background = '#5589E0';"
STYLE="
BORDER-RIGHT: rgb(49,106,197) 1px solid;
BORDER-TOP: rgb(49,106,197) 1px solid;
BORDER-LEFT: rgb(49,106,197) 1px solid;
BORDER-BOTTOM: rgb(49,106,197) 1px solid;
BACKGROUND: rgb(85,137,224)"
VALIGN="middle"
WIDTH="297"
HEIGHT="9">
<DIV ALIGN="center">
<P><B><A HREF="URL" TARGET="_blank"><FONT FACE="Verdana" SIZE="2" color="yellow">So erreichen Sie uns</FONT></A></B></P>
</DIV>
</TD></TR>
</TABLE>
Wenn ich hier mit der Maus in die Tabelle fahre ändert sich die Farbe mit dem Befehl :
onmouseover="document.all.linkbox.style.background = '#B33C1C'
Ich hätte es gerne so das wenn man mit der Maus in die Tabelle fährt SOFORT der Link aktiv wird, dann wenn sich auch die Farbe ändert, und nicht erst wenn man mit der Maus über dem Text ist.
Das müsste doch irgendwie funktionieren mit dem "onmouseover" oder ?
Jedoch kann ich KEIN JavaScript verwenden, da ich diese Tabelle gerne in mein eBay-Angebot mit einbinden würde, und die akzeptieren kein JavaScript.
Könnt ihr mir da helfen ?
Wäre euch sehr dankbar
Michael
Hallo,
Könnt ihr mir da helfen ?
Nein, sorry.
Jedoch kann ich KEIN JavaScript verwenden, da ich diese Tabelle gerne in mein eBay-Angebot mit einbinden würde, und die akzeptieren kein JavaScript.
Du verwendest schon längst JavaScript, denn onmouseover und onmouseout sind JavaScript. Das wirst Du also rausschmeißen müssen.
Und wenn wir schon dabei sind:
onmouseover="document.all.linkbox.style.background = '#B33C1C';"
onmouseout="document.all.linkbox.style.background = '#5589E0';"
Diese proprietäre Syntax wird nur vom IE verstanden[1].
Ich hätte es gerne so das wenn man mit der Maus in die Tabelle fährt SOFORT der Link aktiv wird,
"Aktiv" wird ein Link erst dann, wenn er angeklickt wird.
dann wenn sich auch die Farbe ändert, und nicht erst wenn man mit der Maus über dem Text ist.
Ach so, Du meinst "Hover" (in CSS) bzw. "onmouseover" in JavaScript.
Wie gesagt: ohne JavaScript nicht die Spur einer Chance.
Grüße,
Utz
[1] Bzw. von Operas, die sich als IE ausgeben.
Ich habe die Lösung selber gefunden, so akzeptiert eBay es :
<style type="text/css">
<!--
a.menu { display:block; margin-bottom:5px; text-align:center; width:36ex; border-style:ridge; border-width:1px; border-color:#316AC5; padding:2px; text-decoration:none; }
a.menu:link { color:yellow; background-color:#5589E0; }
a.menu:visited { color:yellow; background-color:#5589E0; }
a.menu:hover { color:yellow; background-color:#B33C1C; }
a.menu:active { color:yellow; background-color:#B33C1C; }
-->
</style>
<div class="menu">
<a class="menu" href="url"><FONT FACE="Verdana" SIZE="2"><B>So erreichen Sie uns</B></FONT></a><B>
</B></div>
Trotzdem nochmals Danke für deine Hilfe.
Michael