PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Kein Hover-Effekt bei Tabellenzellen?

emzeeCurly
22.03.2002, 18:22
Hi!

Als ich eine alte Seite von mir im IE6 anschaute, ist mir aufgefallen, dass meine CSS-Formatierungen für die TDs nicht mehr dargestellt werden...Bei früheren Browsern gings bei mir, und ich habe jetzt auch wo gelesen, dass die neue Version das nicht mehr unterstützt...

Äh ??? Warum??

ciao
emzeeCurly

Felix Kaiser
22.03.2002, 22:32
Hovereffekt bei Tabellenzellen wär mir neu über CSS. Ich würds aber auf jeden eh über DHTML lösen. Zu mal diese Art DHTML glaube von Opera, NS und IE4+ unterstützt wird. Auch wenns nich grade konform is ;)
emzeeCurly
22.03.2002, 23:20
Hi!

Ähm tja, also ich mir das gerade genauer angeschaut...du hast Recht, ich habe da hover nicht auf die Zelle angewendet sondern so rumgepfuscht, dass es so ausschaut ;)

Wie würdest du das in DHTML lösen?
Ich würde mich über einen Ansatz sehr freuen, da ich da nicht so vertraut bin :)

ciao
emzeeCurly
maulwurf
23.03.2002, 00:00
hiho

DHTML wäre zb eine lösung mit javascript. das bietet sich für einen hover-effekt an.
in selfhtml steht afaik etwas über die genauen commands.

cya
Felix Kaiser
23.03.2002, 16:57
<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;>
<html><head>
<title>table</title>
<meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=ISO-8859-1&quot;>
<style type=&quot;text/css&quot;><!--
td {text-align:center; font-family:Verdana; font-size:10pt; cursor:default}
//--></style>
</head><body bgcolor=&quot;#D4D0C8&quot;>
<table border=&quot;1&quot; bordercolor=&quot;#949088&quot; cellpadding=&quot;4&quot; cellspacing=&quot;0&quot;>
<tr>
<td width=&quot;200&quot; onMouseOver=&quot;MouseOver(this);&quot; onMouseOut=&quot;MouseOut(this);&quot;>:-)</td>
<td width=&quot;200&quot; onMouseOver=&quot;MouseOver(this);&quot; onMouseOut=&quot;MouseOut(this);&quot;>(-:</td>
</tr>
</table>
<script type=&quot;text/javascript&quot;><!--
function MouseOver(obj)
{ obj.style.backgroundColor = &quot;#FFFFE1&quot;; }
function MouseOut(obj)
{ obj.style.backgroundColor = &quot;#D4D0C8&quot;; }
//--></script>
</body></html>


Kleines schönes konformes Beispiel. Funktioniert mit IE4+, NS6+, Opera5+.