kostenloser Webspace werbefrei: lima-city


CSS: links in klassen einteilen funktioniert nicht O.o

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    m2k

    m2k hat kostenlosen Webspace.

    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 :biggrin:
    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. 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.

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

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

    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.

    ok danke sehr ;)
  7. 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?

Über lima-city

Login zum Webhosting ohne Werbung!