Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

CSS - link tag ...

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.