Ich weiss ich nerv in letzter zeit ganz schön rum, aber hier bekommt man immer so kompetente hilfe.
ich will das wenn man mit der maus über home.png fährt die datei home_hover.gif angezeigt wird, und wenn man mit der maus wieder runter geht soll wieder home.png angezeigt werden. ich nehme mal an das geht mit javascript oder?
[code]
Nun, das geht einfacher und sinnvoller mit CSS, dort mit der
Pseudoklasse :hover
Man kann damit einfach ein Bild oder Hintergrundbild
austauschen. Da hier das Bild sowieso innerhalb eines
a-Elementes vorkommt, ist es wohl ohnehin besser, das
’home’ als Inhalt des a-Elementes zu verwenden und das
Bild als Hintergrundbild. Gibt man dem Bild ein class- oder
id-Attribut, so kann man das Hintergrundbild bezielt austauschen,
mit id=“home” etwa so, wobei man ‘home’ dann in ein span
schreibt:
a#home {display: block; width: 200px; height: 100px; background: transparent url(gfx/menubar/home.png)}
a#home span {display: none}
a#home:hover {background: transparent url(gfx/menubar/home_hover.png)
Abmessungen muß man dann natürlich anpassen.
Ist auf dem Bild etwas drauf, was nicht nur ein Piktogramm ist,
sondern wie Text interpretierbar ist, kann es schwierig werden,
solche Bilder mit der Schriftgröße mitzuskalieren, das gibt das
Format PNG nicht so ohne weiteres her. In dem Falle müßte
man das besser etwas anders machen und beide Bilder in das
a setzen, jeweils dann aber beim :hover von beiden display
verändern, bei einem von none auf inline, beim anderen von
inline auf none, um sie auszutauschen. Die Bilder kann man
dann per CSS in geeigneten Einheiten wie ex oder em mit
der Schriftgröße skalieren…
es ist nur die datei also es wird keine schrift “drübergeschrieben” sondern die schrift ist schon in der grafik, da ein glow effeckt etc. dazu sollte. jeder menüpunkt hat daher sein eigenes bild.
ich versuch das mal mit css. ich weiss aber noch nicht genau wie ich das mache, ich hab selbst noch nie mit css gearbeitet. ich probier aber mal rum. falls ich garnicht weiter weiss frage ich nocheinmal nach
Edit: hmm gibts vielleicht ein Tutorial in die Richtung damit ich was zum einlesen habe?? komm nich wirklich sehr weit 
Ich wuerde es auch so machen wie es hoffmann gesagt hat. Es gibt allerdings auch noch ne andere Loesung, wenn die dir lieber ist…
<a href="deinlink.de" onMouseOver="image.src='images/bild1.jpg';" onMouseOut="image.src='images/bild2.jpg';">
<img name="image" src="images/bild2.jpg" border="0" ></a>
Wichtig dabei: Wenn du mehrere Links mit diesem Code anfertigs musst du bei image.src jeweils ein 1,2,3 ect angängen. Also image1.src.
‘tutorial’ allgemein zu CSS oder zum :hover?
Beim :hover ist die Idee an sich immer die gleiche, wenn man
worüber fährt, ändern sich irgendwelche CSS-Eigenschaften.
Welche, kann man sich beliebig aussuchen.
Da ist an sich nicht viel mehr zu lernen als was ich bereits zu
dem Beispiel geschrieben habe, außer das :hover nur auf
etwas wirken kann, was auch angezeigt wird, sonst kann das
Zeigergerät ja nicht drüber sein.
Das andere ist mehr ein Problem der Lesbarkeit - ‘Text’ in
Pixelgraphik hat nicht zwangsläufig eine Schriftgröße, die dem
Leser sehr angenehm ist, hat aber wenig mit CSS oder diesem
dynamischen Effekt zu tun, ist mehr ein allgemeines Problem der
Unzugänglichkeit von ‘Text’ in Pixelgraphik.
Der Nachteil bei der Skript-Methode mit event-handlern ist eben,
daß sie nicht funktioniert, wenn Skriptinterpretation deaktiviert
ist, was deutlich häufiger der Fall sein wird als eine Dekativierung
von CSS. Ist eben ein Nachteil des inzwischen doch schon in die
Jahre gekommenen (X)HTMLs, daß sich DOM-Ereignisse wie
onmouseover dort nur per Skript nutzen lassen, bei moderneren
Sprachen geht das auch anders (SVG etwa).
allgemein zu css, wenn das mit dem hover erklärt ist wäre es natürlich auch ned schlecht.
das is halt sone sache mit dem ganzen zeug, es is zwar schon etwas älter aber trotzdem deshalb nicht unbedingt sooo leicht verständlich.
aber ich denke ich bin schon nen ganzes stück schlauer. danke euch
w3schools.com/Css/default.asp
webmaster-resource.de/tutori … torial.php
de.selfhtml.org/css/index.htm
und sowiso: css4you.de/
und noch was zu hover… css4you.de/hover.html
einfach mal durchlesen ect.
