Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

CSS - link tag ...

Anoniem
Gecko
4 antwoorden
  • Hallo,

    ik zet met een klein vraagje …
    ik kan het mezelf niet direct herinneren hoe het moet …

    in mijn css staan de opmaak voor de tag a opgegeven (dus link)
    maar ik zou in één opmaakprofiel de link en hover kleur anders willen …
    Hoe kan je dit weer bekomen?

    bvb bestaande:

    a:link {
    color: #FFFFFF;
    text-decoration: none;
    }
    a:hover {
    color: #FF0000;
    text-decoration: none;
    }

    ik wil bvb dat bij het opmaakprofiel test, de link kleur #333333 is en de hover kleur # 454545 … hoe doe je dat dan?

    MVG

    Maes Olivier
  • [code:1:a801cda952]
    a:link {color:#CD853F; text-decoration:none; font-weight:normal;}
    a:visited {color:#E9B047;text-decoration:none;font-weight:normal;}
    a:hover {color:#BD6B1A; text-decoration:none;font-weight:normal;}
    a:active {color:#CCC; text-decoration:none; font-weight:normal;}

    a.white:link {color:#FFF; text-decoration:none;font-weight:normal;white;}
    a.white:visited {color:#E9B047;text-decoration:none;font-weight:normal;}
    a.white:hover {color:#BD6B1A; text-decoration:none;font-weight:normal;}
    a.white:active {color:#CCC; text-decoration:none; font-weight:normal;}
    [/code:1:a801cda952]

    Zoiets misschien? 8)
    Je moet wel even de kleuren aanpassen…. :wink:
  • zonder 'white' dan achter a.white:link.

    Besef verder goed wat de naam cascading (van cascading stylesheet) er niet voor niets is. Verschillende stijlen worden doorgegeven. Je geeft nu 8 keer text-decoration en font-weight op.

    a{text-decoration:none; font-weight:normal;}

    a:link {color:#CD853F;}
    a:visited {color:#E9B047;}
    a:hover {color:#BD6B1A;}
    a:active {color:#CCC;}

    en dan

    a.white:link{color:#fff}


    scheelt een boel code en het is veel duidelijker waar het verschil tussen de 2 stijlen zit.
  • Solly…. :(
    Ja meneer, ik zal er goed op letten de volgende keer….
    Ik ga in bad zitten en mijn zonden overdenken. :(

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.