• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

CSS für Tabelle

C.K.

Lounge-Member
Hi,
ist es möglich mit CSS das Aussehen (Hintergrundfarbe & Rahmen)einer Zelle in einer Tabelle bei Mouseover und Klick zu ändern?

Falls das mit CSS nicht möglich ist, wie dann?


Danke,
Colja
 
Jo,
danke für die schnelle Antwort.

Das was ich brauche ist also das
Code:
<script language=javascript> 
function wechsel(typ) 
{ 
typ.style.backgroundColor = "aaaaaa"; 
typ.style.cursor = 'hand' 
} 
function wechsel2(typ) 
{ 
typ.style.backgroundColor = "cccccc"; 
} 
</script> 

<td bgcolor=cccccc onmouseover="wechsel(this)" onmouseout="wechsel2(this)">

Wenn ich jetzt auch den Rahmen bei Mouseover ändern will, was muss ich dann noch dazu setzen?


Danke,
Colja
 
border Rahmen
borderBottom Rahmen unten
borderBottomColor Rahmenfarbe unten
borderBottomStyle Rahmenart unten
borderBottomWidth Rahmendicke unten
borderColor Rahmenfarbe unten
borderLeft Rahmen links
borderLeftColor Rahmenfarbe links
borderLeftStyle Rahmenart links
borderLeftWidth Rahmendicke links
borderRight Rahmen rechts
borderRightColor Rahmenfarbe rechts
borderRightStyle Rahmenart rechts
borderRightWidth Rahmendicke rechts
borderStyle Rahmenart
borderTop Rahmen oben
borderTopColor Rahmenfarbe oben
borderTopStyle Rahmenart oben
borderTopWidth Rahmendicke oben
borderWidth Rahmendicke

sind die Eigenschaften, die du an style. anhängen kannst.
Irgendwie scheint NS6 auf diese Weise aber keinen Zugriff zu erlauben, vielleicht kennt ja jemand hier eine Lösung.
 
<html>
<head>
<script language=javascript>
function wechsel(typ, linienFarbe,hinterGrund)
{
var linie=document.getElementById('changeBy');
linie.style.borderWidth='2';
linie.style.borderColor=linienFarbe;
linie.style.borderStyle='solid';
linie.style.cursor='hand';
typ.style.backgroundColor=hinterGrund;
}

function wechsel2(typ, hinterGrund)
{
linie=document.getElementById('changeBy');
linie.style.borderWidth='0';
typ.style.backgroundColor=hinterGrund;
}
</script>
</head>

<body>
<table width=30% height=10% id="changeBy" cellpadding=0 cellspacing=0>
<td bgcolor=cccccc onmouseover="wechsel(this,'000000','aaaaaa')" onmouseout="wechsel2(this,'cccccc')">
</td>
</table>
</body>

</html>

blau=linienfarbe
rot=hintergrundfarbe
 
Zuletzt bearbeitet:
Zurück
Oben