onMouseOver und Links?!

(hier klicken, um zum Original Thread zu gelangen)

Nico

Hey

Ich hab letztens mal einen Mouseover Effekt bei einem bild probiert, dass ich vorher gesliced hab. Bisher klappt da auch alles, nur wenn ich einen link bei dem Mouseover plaziere, zerreißt es mir die tabelle ein wenig.

Hier mal ein Beispiel:

Ich hab bei dem Beispiel nur das Bild "Gästebuch" verlinkt. Hier der Code dazu:

code:

1:
2:
3:
4:
5:
6:

    <td width="123"><a href="index.php?go=gbuch.php">
    <img style="cursor:pointer;" onmouseover="b2.src='gfx/images/logo_9_a.jpg';"
    onmouseout="b2.src='gfx/images/logo_9.jpg';" src="gfx/images/logo_9.jpg" width="123" height="26" border="0" name="b2">   
    </a></td>

Danach hab ich mal ausprobiert die Tabellenzelle an sich zu verlinken. Vom optischen her klappt das wunderbar, weil es mir nicht die Tabelle zerreißt, aber dafür funktioniert der link nicht:

code:

1:
2:
3:
4:
5:
6:

    <a href="index.php?go=gbuch.php"><td width="123">
    <img style="cursor:pointer;" onmouseover="b2.src='gfx/images/logo_9_a.jpg';"
    onmouseout="b2.src='gfx/images/logo_9.jpg';" src="gfx/images/logo_9.jpg" width="123" height="26" border="0" name="b2">   
    </td></a>

wisst ihr was ich falsch gemacht hab? bitte helft mir, ich bin schon am verzweifeln!

derletztekick

Hi,

beim Bild ggf. Rahmendefinitionen (CSS) entfernen; beim Link auf unterstreichung verzichten. Ich kann mir nicht vorstellen, das es am Event liegt. Aber, warummachst Du den Bildwechsel nicht mit CSS und verzichtest auf JS?

Micha

Nico

hey, ich hab die unterstreichung bei links schon entfernt und es klappt noch immer nicht, aber ich werde mir mal das mit css angucken
danke

derletztekick

Hi,

via CSS ist es recht simple. Du gibst den Links das Bildals Hintergrundbild. Dazu mußt Du sie als display: block definieren. Dadurch können auch A-Tags eine Breite und Höhe haben. Im Hover wechselst Du dann einfach das Bild.

Gruß Micha

-:|[ ST ]|:-

code:

1:

<img src="gfx/images/logo_9.jpg" style="cursor:pointer;" onmouseover="this.src='gfx/images/logo_9_a.jpg';" onmouseout="this.src='gfx/images/logo_9.jpg';" onclick="this.location.href='index.php?go=gbuch.php';" >

(hier klicken, um zum Original Thread zu gelangen)