Hilfe zu Bildlink mouseover / hover
Eingetragen von Dorohdodendron (9)am 04.10.2012 - 19:13 Uhr in
Hallo zusammen, ich versuche gerade mit Hilfe von Tutorials (wie z.b. hier http://www.elated.com/articles/css-rollover-buttons/) , einen ganz simplen Bildlink mit mouseover Effekt zu bauen. Also ein Bild soll beim drüberfahren von schwarzweiss zu bunt werden und gleichzeitig als Link funktionieren.
Alle Anleitungen die ich gefunden habe arbeiten mit reinem css und eigentlich kann das nicht so schwer sein. Aber: Funktioniert nicht! Ich möchte mal sicher sein, wo denn nun was genau hineinsoll.
Ich habe einen neuen Block erstellt, denn dort sollen 4 dieser Hover-Banner hinein.
Den html code hierzu?
Und den css code, in die page.css- oder wohin denn genau?
#emailUs
{
display: block;
width: 107px;
height: 23px;
background: url("emailUs.gif") no-repeat 0 0;
}
#emailUs:hover
{
background-position: 0 -23px;
}
#emailUs span
{
position: absolute;
top: -999em;
}Vielleicht hat jemand einen Ratschlag! Oder kann mir ein idiotensicheres Tutorial empfehlen! Liebe Grüsse und danke im Voraus, Doro
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich glaube, ohne einen Blick
am 05.10.2012 - 10:57 Uhr
Ich glaube, ohne einen Blick auf Deine Seite werfen zu können, kann hier niemand beurteilen wo genau der Fehler liegt.