Wenn Maus über Text ist unterstrichen

php-man

Mitglied
Ich hab überhaupt keine Ahnung von Javascipt deswegen frage ich euch:
Ich habe in einer Navigation wo ein link so ausschaut:
Code:
<a href="index.php?action=news"><img src="navi_1.gif"> News</a>
ich will dass wenn man über dem Bild oder dem Text ist soll sich dass bild in navi_2.gif angezeigt werden und News unterstrichen sein.
Könnt ihr mir bitte den Code posten.
Danke im Vorraus
 
Zuletzt bearbeitet:
Mach per CSS.

entweder ne extere css datei oder css-teil in head
und da dann rein:

a:hover { font-family:verdana; color:#FFFFFF; text-decoration:underline; font-size:8pt}

Schiftart- und Größe musste natürlich noch anpassen oder weglassen.
 
Und damit sich die Grafik auch noch ändert, folgenden Code nach dem img src= "..."

PHP:
onMouseOver="this.src='navi_2.gif';" 
				onMouseOut="this.src='navi_1.gif';"

mfG ALF
 
danke Theeagle, jetzt weiß ich mal wie ich es mache dass der Text unterstrichen wird, jetzt brauch ich nurnoch zu wissen wie es geht dass sich das Bild ändert wenn ich auf dem Text oder dem Bild mit der Maus bin
 
um einen Link zu unterstreichen, wenn der Cursor drüber ist, geht wie schon erklärt so: (nur um das nochmal ausführlich darzustellen.)
Code:
<style type="text/css">
a:link { color:000000; text-decoration:none }
a:visited { color:000000; text-decoration:none }
a:active { color:000000; text-decoration:none }
a:focus { color:000000; text-decoration:none }
a:hover { color:000000; text-decoration:underline }
</style>
und um das Bild zu ändern, wenn der Cursor üer Schrift oder bild bewegt wird, geht so:
Code:
<A HREF="index.php?action=news" onmouseout ="document.img1.src='navi_1.gif';"
				onmouseover="document.img1.src='navi_2.gif';" >
				<IMG name='img1' src='navi_1.gif' BORDER='0'>News</A>
Das "document.img1.src='navi_1.gif';" bedeutet,
dass in dem Dokument mit dem Namen "img1" für den Wert "src" das Bild "navi_1.gif" geladen wird.
Wichtig ist das in dem dazugehörigem <IMG> der Name mit name="img1" angegeben ist.
Das bedeutet beim nächsten Link, darf das Ganze nicht mehr "img1" heissen, sondern z.B. "img2", oder einen beliebigen andere Namen tragen.
 
Zuletzt bearbeitet:
ich habe jetzt folgendes Problem:
ich habe in der navigation 15 links, bei 12 klappt es, doch bei drei kommt immer eine Fehlermeldung dass document.navi_grafik4 kein Objekt ist oder leer ist (oder so ähnlich)
 

Neue Beiträge

Zurück