Mouseover: Link durch Bild ersetzen

[Mac-Rookie]

Hi!

Folgendes: Ich möchte in NVU ein Script einsetzen, bei dem dann beim Mouseover der Internetlink durch ein *.jpg Bild ersetzt wird (die Linkadresse sollte logischerweise erhalten werden). Dieses Script sollte auf allen gängigen Browsern laufen.

kann mir da wer mal helfen?

Ich hoffe, dass der Thread hier richtig ist....

lg

Mac-Rookie

 

[MACRASSI]

Hi!
Du könntest das mit CSS machen:

a.link
{
	display:block;
	color: #000000;
	background:url(menue.png) #FF0000 ;
	width: 173px;
	height: 19px;
	text-decoration: none;
	line-height: 19px;
}

a.link:hover
{
	display:block;
	color: #000000;
	background:url(menue_over.png) #FF0000 ;
	width: 173px;
	height: 19px;
	text-decoration: none;
	line-height: 19px;
}

Und dein Link müsste dann so sein:

<a class="link" href="irgendwo.html">Link</a>

Gruß Rasmus

 

[Mac-Rookie]

Irgendwie funktioniert das nicht.... und ich weiß nicht, was ich verkehrt mache. Ist für mich auch sehr neu.... kommt erst der link und dann der css Code oder umgekehrt?

lg

Mac-Rookie

 

[MACRASSI]

In den <head> Tag setzt du dein Css.
Und dann kommt im Body Tag der Link...
a.link <-- dieser CSS ist für den normalen link
a.link:hover <-- dieser CSS ist für den Link wenn man drüber geht.

Gruß Rasmus