onmouseover problem

::RMB::

Hi
Ich habe ein JS Script, das ein onmouseover beinhaltet.

Das ganze funzt super, wenn ich nur ein Link habe.
Sobald ich 2 Habe geht nichts mehr.

Hier mal der Code

Code

<a href="test.html" target="_top" onclick="MM_nbGroup('down','group1','buttons','images/button2.png',1)" onmouseover="MM_nbGroup('over','buttons','images/button2.png','images/button2.png',1)" onmouseout="MM_nbGroup('out')" />
<table style="width:150px; height:15px; border:0px; padding:1px; border-spacing:0px; background-color:#B9B9B9; margin:auto; font-size:11px;">
<tr>
<td height="15" width="130" background="images/buttonbg.png">
Home</td>
<td height="15" width="20">
[img]images/button.png[/img]</td>
</tr>
</table></a>

wenn ich den 2mal einbaue geht er nicht mehr!
Wieso das?

MfG ::RMB::

pindakaas

ich kann da nur sagen nimm für sowas bei links lieber css

::RMB::

Geht das mit CSS?
Wie?

pindakaas

hier selfhtml weiß rat
http://de.selfhtml.org/navigation/suc…chanfrage=hover

so kannst du einstellen welche css eigenschaften ein link wann haben soll damit kann man eigentlich alles machen theoretisch sogar ne aufklapp navi aber da macht mal wieder der IE n strich durch die rechnung

::RMB::

IE egal wer den IE benützt darf nix sehen
Schreib ich halt einfach ONLY FIREFOX, OPERA and NETSCAPE USER

Ich schaus morgen mal genauer an

Ronald

Zitat von ::RMB::

Schreib ich halt einfach ONLY FIREFOX, OPERA and NETSCAPE USER

... und damit bist du dann 80% deiner User los.

Ob das so schlau ist?

Fragt ...

Ronald

pindakaas

es wäre natürlich schon cool wenn das mal alle webseiten betreiber machen würden, nie wieder ewiges browser angepasse ach das wäre zu schön um wahr zu sein

::RMB::

1. ich hab mir mal den hover effekt angeschaut, ich habe aber ein Bild das sich ändern soll, wenn man aufndie tabelle geht, wie geht das

::RMB::

Hallo??

Das Problem mal im Attachement.

pindakaas

wie gesagt das geht nur bei links ordentlich
obwohl du einfach einen anker zu dem <a> das du hovern willst setzen könntest hast du das irgendwo online ?

::RMB::

http://rmb.uttx.net/test.html hier extra für dich.

das ganze ist eben in 2 Tabellenreihen eingeteilt.

Code

<a href="test.html"  />
<table style="width:150px; height:15px; border:0px; padding:1px; border-spacing:0px; background-color:#B9B9B9; margin:auto; font-size:11px;">
<tr>
<td height="15" width="130" background="images/buttonbg.png">
Home</td>
<td height="15" width="20">
[img]images/button.png[/img]</td>
</tr>
</table></a>

Das <img> soll sich ändern.
Oder ist es besser wenn ich ein ganzes Bild mache, das als Hintergrund definiere und es per hover ändere?
buttonbg.png ist die Datei, die die Linien ergibt button[2].png sind die dreiecke.

pindakaas

ich würde das bild als hintergrund für den link machen und beim hovern ändern
zum beispeil so :
http://pindakaas.dtac.de/
das css
http://pindakaas.dtac.de/css.css

du könntest das aber auch so machen

Code

.linksklasse{bla bla ;}
.bildKlasse{background-image:url(images/buttonbg.png);}
.linksklasse:hover .imgKlasse {background-image:url(images/buttonbg2.png);}

hierbei würde ich natürlich kein img sonder span oder sowas nehmen das
span muss in dem link tag sein du kannst es aber mit position optisch auserhalb davon anordnen

::RMB::

Habs geschafft

Code

<style type="text/css">
a:hover { font-weight:bold; }


td.menu { background-image:url(images/obutton.png); padding:1px; border-spacing:0px; font-weight:normal; }
td.menu:link    { background-image:url(images/obutton.png); }
td.menu:hover   { background-image:url(images/obutton2.png); }


</style>

und dir <td> mit der class menu.

Tags