kostenloser Webspace werbefrei: lima-city

CSS: links in klassen einteilen funktioniert nicht O.o

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

1. Autor dieses Themas

   m2k

   m2k hat kostenlosen Webspace.

   22:33, 28.6.2005

   Hi,
   ir wisst vielleicht noch nicht so ganz was ich meine, aber hier mal sofort ein kleines beispiel:
   http://www.schattenbaum.net
   die links sind immer in verschiedenen farben.
   wollte auch sowas, hab auch schon bei http://www.css4you.de geschaut; aber es will einfach nicht funktionieren!!!
   wobei ich doch firefox nutze
   was soll hier dran falsch sein!?
   

   a.index:link, a.index:visited, a.index:active {
   	color:#000000;
   }
   a.index:hover {
   	text-decoration:underline;
   	color:#CCCCCC;
   }

   
   es wird immer der standard link genommen! (dh a:link usw...)
   MfG //M2k

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

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

3. direx

   direx hat kostenlosen Webspace.

   23:40, 28.6.2005

   Ich glaube es m?sste so aussehen:
   
   a.index:link {color:#000000; }
   a.index:visited {color:#000000; }
   a.index:active {color:#000000; }
   a.index:hover {
   text-decoration:underline;
   color:#CCCCCC;
   }
   
   Probiere das mal aus. Ansonsten verwende am Besten mal selfhtml (http://de.selfhtml.org) anstatt css4you.
   Wenn du allerdings verschiedene Farben pro Link willst, dann musst du in deiner CSS-Datei auch all diese Farben definieren. Hier das Beispiel: http://www.schattenbaum.net/formatstart.css
   
   mfg,
   direx
   
4. Autor dieses Themas

   m2k

   m2k hat kostenlosen Webspace.

   16:38, 29.6.2005

   ok danke,
   aber eigendlich wusste ich das schon
   ich mach etwas beim aufrufen falsch:
   es muss doch noch andere wege geben, um eine linkklasse aufzurufen, als nur im a-tag selbst

5. dx-rated

   dx-rated hat kostenlosen Webspace.

   18:03, 29.6.2005

   
   es muss doch noch andere wege geben, um eine linkklasse aufzurufen, als nur im a-tag selbst
   

   
   Gibt es. Du gibst die Klasse einfach dem Elternelement mit. Von dort aus werden die Eigenschaften an den enthaltenen Link weitergegeben.
   Dazu muss nat?rlich auch der CSS-Code ein klein wenig anders aussehen. Nehmen wir mal an, Du m?chtest alle Links, die in Textabs?tzen (<p>) auftauchen, formatieren, dann s?he das im CSS-Dokument so aus:
   
   p.klasse a:link { ... }
   
   usw.
   
   Im HTML-Dokument gibst Du dann einfach dem <p>-Tag die Klasse mit.
   
   
   Den Fehler, den Du oben gemacht hast, kann ich Dir auch sagen. Es muss a:link.index hei?en. Die Klasse wird der Pseudoklasse hinten angestellt. ;)
   
   @direx: Nein, das Zusammenfassen war schon g?ltig und auch sinnvoll wie m2k es gemacht hat. ;)
6. Autor dieses Themas

   m2k

   m2k hat kostenlosen Webspace.

   19:15, 29.6.2005

   ok danke sehr ;)
   

7. phattek

   

   phattek hat kostenlosen Webspace.

   21:05, 29.6.2005

   a {text-decoration: underline;}
   a:hover {text-decoration: none;}
   
   a.link {color: #000000;}
   a:hover.link {color: #003366;}
   
   <a href="">Ohne Farbe</a>
   <a href="" class="link">Mit Farbe</a>
   
   

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

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

Dir gefällt dieses Thema?