Supportnet / Forum / Webseiten/HTML
vergrössern des links im html-menü
Frage
Moin
Ich hab für eine webseite ein menü erstellt. Damit es ein bisschen besser aussiht, hab ich in den html-kopf das heri eingefürt: [code]
a:link { color:#000088; }
a:visited { color:#000088; }
a:active { color:#000000; }
a:hover { color:#dc143c;
font-weight:bold; }[/code] -> die einzelnen links im menü werden größer, wenn man mit der maus darüber fahrt.
jetzt möchte ich das css-menü gegen eine einfache *.jpg-file austauschen und dort den link reinlegen, also so:
[code]
<map name="Navigation">
<area shape="rect" coords="0,0,250,100" href="#" alt="">
<area shape="rect" coords="251,0,500,100" href="#" alt="">
</map>
<p><img ismap src="#*.jpg" width="750" height="100" style="float:left; margin-left:100px" border="0" alt="Navigation" usemap="#Navigation"></p> [/code]
Wen ich jetzt mit der maus über dieses menü fahr, passiert ncihts (gut, der Mausuzeiger schon, da je ein link da is). Wie kann ich den effekt des vergrößerns der definierten linkfläche im bild erreichen?
Vielne dank
dergolfer
Antwort 1 von Toadie
Du müsstest für jeden Link zwei Grafiken haben (normal und hoover) und diese per JavaScript oder CSS austauschen lassen.
Antwort 2 von dergolfer
gut.
und wie geht dieses sripting?
und wie geht dieses sripting?
Antwort 3 von Toadie
Mit JavaScript: http://www.on-mouseover.de/script1.htm
Mit CSS: http://www.tutorials.de/forum/css/239700-grafik-tauschen.html
Mit CSS: http://www.tutorials.de/forum/css/239700-grafik-tauschen.html
Antwort 4 von rfb
Zitat:
Wen ich jetzt mit der maus über dieses menü fahr, passiert ncihts
das ist auch kein Wunder, denn dein CSS gilt nur für a-tags, nicht aber für area-tags.Wen ich jetzt mit der maus über dieses menü fahr, passiert ncihts