Mouseover einbinden?!

chrisman0815

Hallo zusammen!
hab ein problemchen...
mache gerade für eine Zahnarztpraxis eine Homepage und möchte gerne einen Mouseover einbinden.

hier: http://www.zahnarzt-huenfelden.de in die buttonleiste oben...

hier der Code dazu:

Code

<tr>
    <td height="40" width="796">
	    <table border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td style="background-image:url({NAVBUTTONPATH}button_1.jpg);" width="111" height="40"><div class="headnav" align="center">{LINK1}</div></td>
          <td style="background-image:url({NAVBUTTONPATH}button_2.jpg);" width="111" height="40"><div class="headnav" align="center">{LINK2}</div></td>
          <td style="background-image:url({NAVBUTTONPATH}button_3.jpg);" width="111" height="40"><div class="headnav" align="center">{LINK3}</div></td>
          <td style="background-image:url({NAVBUTTONPATH}button_4.jpg);" width="111" height="40"><div class="headnav" align="center">{LINK4}</div></td>
          <td style="background-image:url({NAVBUTTONPATH}button_5.jpg);" width="111" height="40"><div class="headnav" align="center">{LINK5}</div></td>
          <td style="background-image:url({NAVBUTTONPATH}button_6.jpg);" width="111" height="40"><div class="headnav" align="center">{LINK6}</div></td>
          <td style="background-image:url({NAVBUTTONPATH}leiste_1.jpg);" width="132" height="40"></td>
        </tr>
      </table>
  	</td>
  </tr>

Alles anzeigen

Hat einer ne Idee wie ich das am schlausten mache? *verzweifel*

driver

was soll den passieren beim mouseover ?

die benötigte css anweisung is übrigens a:hover

Chrischan

ich möchte lediglich, dass sich das bild dann ändert... also button1.jpg dunkler wird bzw. beim mouseover durch ein dunkleres ersetzt wird... ich guck mir mal die Css an, guter tip...

driver

hm... mal so am rande, warum nimmst du eigentlich grafiken,
is doch nix drauf, könnte man ja auch mit farbwerten machen, oder?

beim hover einfach background-img:url(url-des dunkleren bildes);

chrisman0815

hmm, ja, stimmt schon, aber das war ursprünglich ein fertiges design von einem CMS das ich lediglich abgeändert habe, da waren halt grafiken deswegen habe ich es so beibehalten.
das mit dem a-hover müsste ich in die style.css einbinden, oder?

driver

jup

wennst des so machst

Code

.headnav a:hover

kannst den hover auch ausschließlich aufs menü anwenden
sonst (mit bloß a:hover) betriffts nämlich alle verlinkungen

chrisman0815

das prob ist dabei nur (für mich), dass die buttonleiste oben nicht in der style.css steht, sondern in der index.php ... hmm, ich glaub ich lass es wie es ist

driver

öhm.... die muss ja auch nicht. wenn du die style.css in der php/html file
(also in der seite selber) angibtst bzw einbindest, dann wird die verbindung
automatisch hergestellt....

chrisman0815

juhuu, habs mit Javascript hinbekommen. vielen Dank trotzdem!!

sejuma

Für die Navi brauchst du doch keine Buttons. Das kannst du mit gewöhnlicher background-color lösen. Sieh dir als Beispiel mal diesen Code an:
http://css.maxdesign.com.au/listamatic/horizontal03.htm

Übrigens: Das ganze Tabellenlayout ist nicht mehr so "up to date".
CSS wäre nicht nur chicer, sondern auch professioneller.

Mouseover einbinden?!

Tags

Benutzer online in diesem Thema