OnMouseOver für <td> in css formatieren?

Status
Nicht offen für weitere Antworten.

Deletemaster

Erfahrenes Mitglied
Hallo zusammen,

Wie ich einen Farbwechsel von Tabellenzellen "manuell" hinbekomme, weiss ich!

Ich möchte aber anfangen, mit css zu arbeiten.

Was muss ich tun, um z.B.
in meiner format.css

.td_menue {OnMouseOver="this.bgcolor='1.Farbe'" OnMouseOut"this.bgcolor='Farbe2'"}
hinzubekommen?

oder ist das prinzipiell NICHT möglich?

Danke für Eure Antworten
PS: Zum Formatieren von "Links" gibts ja jede Menge Anleitungen, aber dazu habe ich nichts gefunden
 
Antwort gefunden....
für Interessierte:
*.css
td a{ display: block;
color:#000000;
background:background-color:#999999;
border: 0px;
text-align: center;
line-height: 25px;
font-size: 12px;
text-decoration:underline;
margin-left: 0px;}
td a:hover{ background: #ffffff;
color: #4D8BCA;}
td.format{ background: #4D8BCA;
width: 100px;}

*.html
<table class="table_navi" align="left" width="100" border="0" cellspacing="3" cellpadding="0">
<tr>
<td class="blue"><a href="#">link 1</a></td>
</tr>
</table>
 
Hm..., in deinem Demo-Source bezieht sich der onmouseover-Effekt aber auf die Links innerhalb der Tabellenzelle, Stichwort td a:hover ;-]

Um die Hintergrundfarbe von Tabellenzellen zu tauschen, notierst du zwei CSS-Klassen mit den gewünschten CSS-Formatierungen, die mittels den Event-Handler onmouseover und onmouseout, und der Script-Anweisung this.className=' ' beim Überfahren der Tabellenzelle getauscht werden:

CSS-Code:
Code:
td.normal { background-color: #999999; }

td.hover { background-color: #ffffff; }
HTML-Code:
Code:
<td class="normal" onmouseover="this.className='hover';" onmouseout="this.className='normal';"> Content</td>
greez, maik.l
 
Status
Nicht offen für weitere Antworten.
Zurück