Verschillede A:hover binnen een pagina

[Verwijderd]

Verschillede A:hover binnen een pagina, kan dat?
Zo ja, hoe?

Alvast bedankt

Sorry sorry sorry heb al gevonden hoe

[Verwijderd]

Zo, en het topic leefde nog lang en gelukkig.

[creative8500]

Kun je please de oplossing posten?

[Verwijderd]

Nog even voor de search-record:

a.blaat:hover {text-decoration: none}
a.schaap:hover {font-size: 80px}

[mulder]

Dat krijg ik dus niet in een css!?!

kan wel

code:

.smalltext {
        font-family : arial, serif;
        font-size: 10px;
        background-color: #770000;      
        color: #ffffff;
}

Zo is het toch een class, die ik voor elke element kan gebruiken? (een td of..of what ever)

Hoe maak ik een class voor A?

[crisp]

Op donderdag 17 januari 2002 22:07 schreef El_Mundo het volgende:
Dat krijg ik dus niet in een css!?!

kan wel

code:

.smalltext {
        font-family : arial, serif;
        font-size: 10px;
        background-color: #770000;      
        color: #ffffff;
}

Zo is het toch een class, die ik voor elke element kan gebruiken? (een td of..of what ever)

Hoe maak ik een class voor A?

Je zegt het zelf al: met .classnaam maak je een class die je voor elk element kan gebruiken. Wil je een class aanmaken alleen voor een specifiek element dan doe je element.classnaam. Dus een class voor <a> wordt a.classnaam, en de hover wordt dan a.classnaam:hover { }

[mulder]

In m'n css:

code:

body {
        font-family : arial, serif;
        font-size: 12px;
        background-color: #660000;
    }
.headertext {
        font-family : arial, serif;
        font-size: 14px;
        font: bold;
        background-color: #ED1C2D;
        color: #ffffff;
    }

.medtext {
        font-family : arial, serif;
        font-size: 14px;
        background-color: #770000;  
        color: #ffffff;
    }   
    
.smalltext {
        font-family : arial, serif;
        font-size: 10px;
        background-color: #770000;      
        color: #ffffff;
    }
    
tr {
        background-color: #660000;
  }
  
a.topic:hoover {color: #FFFFFF};
a.topic:link {color: #FFFFFF};
a.topic:visited {color: #FFFFFF};

Lijkt me niet, en werkt ook niet....

[Hangloozz]

Lijkt me wel, en werkt ook wel....

code:

a.topic { color: #FFFFFF; }
a.topic:hoover { color: #FFFFFF; }
a.topic:link { color: #FFFFFF; }
a.topic:visited { color: #FFFFFF; }

waarom zette je de ; achter de }

anyways, dit _moet_ werken.
trouwens; vergeet niet dat je ze zodanig gedefinieerd hebt dat de link ten alle tijden wit zal zijn zonder decoratie/hover of ander effect!
dan moet je dingen als text-decoration: underline; gaan toevoegen

[Annie]

Op donderdag 17 januari 2002 23:45 schreef El_Mundo het volgende:
[..]
a.topic:hoover {color: #FFFFFF};
[..]

typfoutje?

[mulder]

werk nog nie, zal wel aan me opbouw van page liggen...vogel het wel uit thx.

[Hangloozz]

Op donderdag 17 januari 2002 23:55 schreef Annie het volgende:



typfoutje?

oei, die had ik over het hoofd gezien

maareh, hoe roep je het aan dan in je page?

zou zoiets moeten zijn:

code:

<a href="blaat.htm" class="topic">blaat dus</a>

[mulder]

Aarrrgghhh, zit nu op Cursus, lees jou post: natuurlijk, ik helemaal de class er niet bijgezet in die tag(denk ik)!!!!!