JS: tr mouseover = td image ...

Door rowan op 30-09-2008 19:28

1.301 views

ik heb een naviagtie menu, als tabel met 2 kolommen. (dize.nl)
kolom1: een plaatje
kolom2: tekst met een link

de bedoeling is dat het plaatje van kolom 1 veranderd, als de muis over de tr gaat.

huidige code:


<tr class="linkimg-out" onMouseOver="this.className='linkimg-on'" onMouseOut="this.className='linkimg-off'" onClick="this.className='linkimg-active'">
                <td></td>
                <td class="linktext"><a href="index.php?pagina=<?php echo $tBL1a; ?>"><?php echo $tBL1a; ?></a></td>
            </tr>

hierbij geeft hij in IE echter het plaatje in allebei de td's weer. wat niet de bedoeling is.

weet iemand hoe ik dit het best en netst kan oplossen. (div's mag ook)

alvast bedankt

Douwe

30-09-2008 19:51

Ik weet niet hoe je dit voor elkaar moet krijgen, table's zijn sowieso heel irritant te stylen. Waarom gebruik je eigenlijk een table? Lists zijn veel beter te stylen.

Onbekende gebruiker

30-09-2008 20:02

Die code is verschikkelijk... Verder zijn tabellen niet bedoelt voor menu's of andere lay-out zooi. Tabellen gebruik je alleen voor data die d'r in hoort zoals dit bijvoorbeeld.

rowan

30-09-2008 20:04

table's kwam het eerst in me op, en met lists heb ik nog niet echt gewerkt. ik zal eens kijken of het een goed alternatief is. bedankt

edit: @ karl, ik weet dat er bg wat foutjes in zitten (68 Errors, 18 warning(s))
maar dat is het probleem niet ;)

Reageren

Inloggen om te reageren