[CSS] krijg geen verschillende layout ondanks classes

[haroldd]

ik gebruik onderstaande css en in de htmlpagina gebruik ik de volgende 2 links:
<a href="pagina.asp" class="uitloglink">test</a>
<a href="pagina.asp" class="menulink">test</a>

toch krijg ik bij beide links de layout van de class "menulink". wat doe ik nou fout?

code:

<style type="text/css">
<!--    
    a.menulink:link {
        color: #DFDFDF;
        text-decoration : none;
    }
    a.uitloglink:link {
        color: black;
        text-decoration : none;
    }
    a:active {
        color: #DFDFDF;
        text-decoration : none;
    }
    a:visited {
        color: #DFDFDF;
        text-decoration : none;
    }
    a:hover {
        color: white;
        text-decoration : none;
    }
    

    td.menutd
    {
        :background: #357CC4;
        :color: #EBE7DB;
        :padding-left: 5px;
        :padding-right: 5px;
        :font : bold;
    }
    -->
</style>

[Rowanov]

Heb je hier een online voorbeeld van, ik heb wel een vermoeden, maar dat kan ik niet met zekerheid zeggen zonder een voorbeeld.

[OkkE]

:link - geeft aan hoe de link er uit moet zien als er nog niet op geklikt is.
:visited - geeft aan hoe de link er uit ziet als er wel op geklikt is.

Met deze stylesheet zullen volgens mij alle bezochte links er dus het zelfde uit zien. En aangezien dit de kleur van .menulink is, zal je geen verschil zien.

Ik zou of a:visited weg halen, of het zo doen:

code:

a.menulink:visited { color: green; }
a.uitloglink:visited { color red; }

// Edit

Bij nader inzien, ik zou gewoon a:visited weg halen, en de :link achter beide classes ook weg.

[ Voor 13% gewijzigd door OkkE op 13-04-2005 10:43 ]

[BtM909]

Nou ja, bovenstaande in een leeg document plakken en ik heb wel het juiste resultaat

edit:

Hmmm was reactie op Rowanov

[ Voor 21% gewijzigd door BtM909 op 13-04-2005 10:41 ]

[haroldd]

OkkE schreef op woensdag 13 april 2005 @ 10:40:
:link - geeft aan hoe de link er uit moet zien als er nog niet op geklikt is.
:visited - geeft aan hoe de link er uit ziet als er wel op geklikt is.

Met deze stylesheet zullen volgens mij alle bezochte links er dus het zelfde uit zien. En aangezien dit de kleur van .menulink is, zal je geen verschil zien.

Ik zou of a:visited weg halen, of het zo doen:

code:

a.menulink:visited { color: green; }
a.uitloglink:visited { color red; }

// Edit

Bij nader inzien, ik zou gewoon a:visited weg halen, en de :link achter beide classes ook weg.

idd, zo simpel is het. ik het er dit van gemaakt en werkt nu prima

code:

<style type="text/css">
<!--    
    a.menulink {
        color: #DFDFDF;
        text-decoration : none;
    }
    a.uitloglink{
        color: black;
        text-decoration : none;
    }
    a:hover {
        color: white;
        text-decoration : none;
    }
    
    

    td.menutd
    {
        :background: #357CC4;
        :color: #EBE7DB;
        :padding-left: 5px;
        :padding-right: 5px;
        :font : bold;
    }
    -->
</style>

ik moet toch nog heel wat gaan stoeien met dat CSS

[Verwijderd]

haroldd schreef op woensdag 13 april 2005 @ 10:49:

Cascading Stylesheet:

td.menutd
    {
        :background: #357CC4;
        :color: #EBE7DB;
        :padding-left: 5px;
        :padding-right: 5px;
        :font : bold;
    }

ik moet toch nog heel wat gaan stoeien met dat CSS

Waarom staan hier overal :'tjes voor? Dat kan nooit goed zijn...