kostenloser Webspace werbefrei: lima-city

Verschiedene Linkeffekte (hover) in einem Dokument ^^""

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   b*********-

   15:43, 25.9.2005

   Mahlzeit^^
   
   Ich wollte wissen, wie genau oder besser ob ich verschiedene Hover-Effekte in einem Dokument vereinen kann.
   Also ich meine das so:
   Die Schrift soll beispielsweise beim hover gr?n werden und unterstrichen sein, bei Bildern soll sich eine Ebene nach links und nach unten verschieben und ein gestrichelter Rahmen soll sich darum legen.
   (Nat?rlich suche ich genau diesen Effekt jetzt nicht ^.~ er sollte nur als Beispiel dienen...)
   
   Was genau muss ich denn nun in meine CSS Datei schreiben?
   Normalerweise gibt es ja "nur" den Befehl:
   
   a:hover
   {bla;
   bla;
   }
   
   und der bestimmt pauschal alle vorhandenen Links. Gibt es bestimmte Zus?tze, die ich einbauen kann, um so einen zweiten Hover-Effekt zu erhalten *hoff*?

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. adrians

   

   adrians hat kostenlosen Webspace.

   16:37, 25.9.2005

   zum Beispiel:
   
   bilder:hover
   {
   EFFEKTE
   }
   
   
   Dann muss man bei den Bildern class="bilder" schreiben und fertig.

4. julian182

   julian182 hat kostenlosen Webspace.

   17:15, 26.9.2005

   das funktioniert aber nur im firefox...
   
   f?r dein beispiel:
   
   a:hover {
   color: green;
   text-decoration: underline;
   }
   
   
   wenn du bei den bildern oder anderem was besonderes haben willst musste das mit ner klasse machen:
   
   <a href=".." class="img"><img src="bild.jpg"></a>
   
   CSS:
   
   a.img:hover {
   ...
   }
   
   aber wie gesagt das hover bei bildern ( img:hover ) geht nur im firefox ;)
   
   hoffe das stimmt jetzt alles so, habs nicht getestet =)
   
   
   PS: kann bitte ein mod/knight die verwarnung wegmachen? hab doch nix gemacht :(
5. Autor dieses Themas

   b*********-

   0:59, 6.10.2005

   Hi ihr beiden^^
   
   Julian#s Version hat einwandfrei funktioniert ^0^, denn ich brauchte die Verion f?r eine CSS-Datei ^^ Wahrscheinlich hat das von adrians deswegen auch nicht hingehauen *nochmal so im Quelltext ausprobieren muss*
   
   Vielen lieben Dank f?r die Hilfe ^^ *freu*
   
   

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?