a: hover Funktion

[janrichter]

Hallo an alle,

ich habe ein kleines Problem. ich möchte folgendes mit html machen.

Ich möchte ein Bild verlinken. Wenn man dann in der Website mit der
Maus über das Bild geht, soll dann dieses Bild größer werden.

Das wäre dann die a:hover Funktion. Das klappt aber nicht so einfach


kann mir da jemand ein tipp geben, wie man sowas macht?


Gruß Jan

 

[Web_spider]

und wenn du schon weißt, das es a:hover ist, dann schreib es doch auch in das css Forum -.-

 

[janrichter]

schon klar, aber ein a:hover wird schon verwendet. ich brauche noch einen a:hover.
ich weiß nur nicht, wie ich das zweite hover definiere und einem bestimmten link zuordnen kann

 

[Vos]

zb mit

#bild a{

}

#bild a:hover{

}

aufgerufen werden müsste es mit

<div id="bild"></div>

musste funsen habs nich ausprobieren

 

[janrichter]

wie müsste ich denn #bild a und #bild a:hover genauer definieren?

 

[Proggman]

hmm.. SChonmal was von Klassen und Ids gehört? Du kannst einzelne Klassen mit dem Bezeichner "." oder einzelne Ids mit dem Bezeichner "#" erstellen und den einzelnen Klassen oder Ids kannste dann unterschiedliche Konfigurationen zuordnen.. Sonst empfehl ich dir: www.css4you.de (deutsche Css-Seite)
P.S: kannst auchmal in meinem Blog vorbeischauen.. Habs da auch erklärt!

 

[Vos]

#bild a{
background-image: url(bild.gif);
height:100px;
width:100px;
}

#bild a:hover{
background-image: url(bild.gif);
height:120px;
width:120px;
}


so das kann natürlich erweitert werden... also lern erst CSS css4you.de is ein guter anfang!