login  Naam:   Wachtwoord: 
Registreer je!
 Forum

linkjes uitsluiten van a ref geplaatst in css (Opgelost)

Offline flyingdutchm - 07/01/2010 11:16
Avatar van flyingdutchmNieuw lid beste

ik heb in mijn css volgende staan om linkjes op mijn site
vet te drukken en bij hover rood te verkleuren

a:link
{
text-decoration:none;color:#000000;font-weight:bold;}
a:visited {text-decoration:none;color:#000000;font-weight:bold;}
a:active {text-decoration:none;color:#000000;font-weight:bold;}
a:hover {text-decoration:none;color:#ff0000;
}

wat nu als ik net een linkje heb op een donkere achtergrond waarbij ik wil dat hij deze instellinmg hiervoor niet gebruikt maar gewoon wit blijft,
hoe kan ik deze link uitsluiten van de eerder aangemaakte
css instellingen ?

gewoon een nieuwe class ervoor aanleggen wil niet echt hij grijpt toch op de instellingen van de eerder gemaakte css?

hij mag bij alle links in de html de instelling gebruiken behalve bij
eentje in de footer zeg maar

7 antwoorden

Gesponsorde links
Offline Pieter - 07/01/2010 11:31 (laatste wijziging 07/01/2010 11:32)
Avatar van Pieter Gouden medaille

SEO guru		 Gebruik voor die ene link een andere class. De voorgaande CSS wordt daarmee overschreven. 

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="dezelinkiswit.html" class="wit">Een witte link!</a>
Bedankt door: flyingdutchm
Offline finduilas - 07/01/2010 11:42
Avatar van finduilas PHP gevorderde Moet niet persé; Het kan ook anders...

Waarschijnlijk heeft je footer een id?
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #footerid > a:link
  2. {
  3. ...
  4. }
Bedankt door: flyingdutchm
Offline flyingdutchm - 07/01/2010 12:07 (laatste wijziging 07/01/2010 12:17)
Avatar van flyingdutchm Nieuw lid dank je beide ga het meteen proberen

ps nee footer heeft geen id

ik had al getracht om hem te overschrijven dat wou niet echt


hmmm
alle linkjes worden wit nu ik een nieuwe class voor de footer heb aangelegt?
Offline finduilas - 07/01/2010 12:37
Avatar van finduilas PHP gevorderde Euhm; je moet wel nog een extra CSS stukje dan hebben daj zegt dat die links met dat ID wit moeten zijn..

php code - Bekijk de code zonder highlighting - Klap code in 
  2. {
  3. text-decoration:none;color:#000000;font-weight:bold;}
  4. a:visited {text-decoration:none;color:#000000;font-weight:bold;}
  5. a:active {text-decoration:none;color:#000000;font-weight:bold;}
  6. a:hover {text-decoration:none;color:#ff0000;
  7. }

Dit laat je alsook staan (voor de overige links)
Bedankt door: flyingdutchm
Offline flyingdutchm - 07/01/2010 13:18
Avatar van flyingdutchm Nieuw lid mischien had ik het niet goed uitgelegt,
ik heb hiervoor in mijn css GEEN aparte class of id vermeld enig
heb ik

php code - Bekijk de code zonder highlighting - Klap code in 
  2. {
  3. text-decoration:none;color:#000000;font-weight:bold;}
  4. a:visited {text-decoration:none;color:#000000;font-weight:bold;}
  5. a:active {text-decoration:none;color:#000000;font-weight:bold;}
  6. a:hover {text-decoration:none;color:#ff0000;
  7. }


wat dus zoveel betekent als dat ALLE links in mijn html deze
instelling hebben nu wil ik dus proberen 1 link in mun footer
een andere kleur te geven maar op de een of andere manier overschrijft hij de vroegere instelling niet nadat ik voor de footer link een aparte class in mun css heb geschreven maar maakt dan
alle linkjes in mun html wit

ergens doe ik iets verkeerd
Offline Martijn - 07/01/2010 13:19
Avatar van Martijn Crew PHP word het dan niet

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #wit a:link{}
Bedankt door: flyingdutchm
Offline flyingdutchm - 07/01/2010 13:48
Avatar van flyingdutchm Nieuw lid het is gelukt

het wou niet doordat ik het <span></span> element niet in gebruik had

het ziet nu zo uit

php code - Bekijk de code zonder highlighting - Klap code in 
  1. a:link {text-decoration:none;color:#000000;font-weight:bold;}
  2. a:visited {text-decoration:none;color:#000000;font-weight:bold;}
  3. a:active {text-decoration:none;color:#000000;font-weight:bold;}
  4. a:hover {text-decoration:none;color:#ff0000;}
  5. .footer a:link {text-decoration:none;color:#ffffff;font-weight:bold;}
  6. .footer a:visited {text-decoration:none;color:#ffffff;font-weight:bold;}
  7. .footer a:active {text-decoration:none;color:#ffffff;font-weight:bold;}
  8. .footer a:hover {text-decoration:none;color:#808080;}



nogmaals dank aan iedereen
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.211s