Steel: mouseover Bild, das von schwarzweiß nach Farbe wechseln soll

Beitrag lesen

Hi!

Wenn deine Icons als Link fungieren sollen, sind sie ja auch kein Content. Dann kannst Du sie als Backgroundimage benutzen. Damit hast Du schonmal alle Vorraussetzungen um sie auch mit CSS zu veraendern.

Um einzelne Elemente zu veraendern sollten sie auch eindeutig identifizierbar sein. Sinn macht also eine Klasse fuer jeden Link.

<div id="icons">
<a class="icon1" href="seite1.html">Text fuer Leute ohne Grafik</a>
<a class="icon2" href="seite2.html">Text fuer Leute ohne Grafik</a>
</div>

#icons {
 position: relative;
 top: 130px;
 left: 5px;
}
#icons a {
 width:75px;
 height:75px;
 border:0;
 margin:0px;
}

.icon1 {
 background-image:url(Pfad/icon1.jpg);
}

.icon2 {
 background-image:url(Pfad/icon2.jpg);
}

Falls Du das so nciht willst, darfst Du fuer den Hovereffekt gern JS benutzen. Da stoerts nicht, wenns nicht funktioniert.

--
"Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
      - T. Pratchett