Hallo,

also ich habe folgendes Problem.
ich habe eine navigation gebaut die vom code so aussieht: (auszug)

...
<!-- Navigation -->

<tr>
<td background="img/index_04.jpg" width="60" height="18">
<div align="center">
<span class="navi">Home</a></span></div>
</td>
</tr>

...

nun möchte ich "home" mit einem link versehen und dabei das background image von <td> ändern lassen... aber nur wenn man mit der Maus drüber geht... also wenn ich mit der maus wieder runtergehe soll auch das alte bg-img wieder da sein.

hat jemand ne ahnung wie das geht ?
hab nit so viel ahnung von sowas, sorry.

gruß und danke,

alex

Hallo Alex,

Dein HTML-Code ist fehlerhaft.
Das Attribut background gibt es nicht für <td>

http://www.w3.org/.../tables.html#edef-TD

und dann hast Du da noch einen einzelnen schließenden </a> Tag.

Lies mal hier nach, eine Lösung mit CSS:
http://aktuell.de.selfhtml.org/artikel/css/mouseover/

Gruß Sabine

danke!

...

<td>
<a href="site/home.html"><span class="navi">Home</a></span>
</td>

und folgendes steht in meiner CSS

a {
display:block;
width:60px;
height:18px;
color: black;
font-size: 9px;
font-family: Verdana, Geneva, Arial, Helvetica;
font-weight: bold;
text-decoration: none;
background-image:url(../img/index_04.jpg);
}

a:hover {
display:block;
color: black;
font-size: 9px;
font-family: Verdana, Geneva, Arial, Helvetica;
font-weight: bold;
text-decoration: none;
background-image:url(../img/index_04_hover.jpg);
}

problem ist jetzt nur das ich keine ahnung habe wie ich verschiedene bilder als hover definieren kann.

hab 6 unterschiedliche grafiken die bei 6 unterschiedlichen Menüpunkten geladen werden müssten.

kann man für "a" noch irgendwie verschiedene klassen definieren ?

>> kann man für "a" noch irgendwie verschiedene klassen definieren ?

<a href="site/home.html" class="link1">Link1</a>

<a href="site/home.html" class="link2">Link2</a>


.link1:hover{...}
.link2:hover{...}

Gruß Sabine

wunderbar, vielen dank!

gruß Alex