Archief - CSS: link in footer veranderd niet?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
D

DRS-NL Liquid

Legacy Member
Ik heb dus gisteren de grove structuur van een website ineengestoken, dus hij is nog belange niet af ... maar ik heb er ook al de css voor opmaak bijgemaakt en alles lijkt in orde behalve mijn link in mijn footer.

Voor mijn site heb ik het volgende voor mijn link ingesteld:

Code: 
a {font-weight: bold; color: black; text-decoration: none;}
a:active,a:visited {font-weight: bold; color: black; text-decoration:none;}
a:hover {font-weight: bold; color: red; text-decoration: none;}

Ja, ik weet het, normaal kan je dat korter, maar wanneer ik het korter deed ging er (om 1 of andere reden die ik niet weet?) iets mis.

Maar zoals je ziet is mijn link standaard zwart+bold ... nu ziet mijn footer er dus zo uit:

Code: 
#footer {
	display: block;
	height: 20px;
	width: 790px;
	color: white;
	background-color: black;
	text-align: center;

Dit betekent dus dat mijn zichtbare link wit moet worden om zichtbaar te zijn in dit zwarte vak, dus ik dacht het op te lossen door het volgende te doen:

Code: 
#footer.a { color: white;}

Maar toen dat niet werkte heb ik ook #footer.a:active enz. er bij gezet, maar niets bleek te helpen ... doe ik nu iets fout? (heb nog nooit echt gewerkt met 2 verschillende soorten van linkstijlen ... dus het kan ook gewoon zijn dat ik iets fout doe hoor.

Anyway, link naar site + css :

CSS: http://www.xpoob-gaming.net/Liquidz0r/Dozies_preview/style.css
xHTML: http://www.xpoob-gaming.net/Liquidz0r/Dozies_preview/

Het zou fijn zijn als iemand een oplossing zou vinden hier voor.

Alvast bedankt,

Simon
o

orez

Legacy Member
het is #footer a ipv #footer.a

spatie in de plaats van een .

#footer a <--- dit verwijst naar een anchor binnen de #footer div.

#footer <-- is een id (slechts 1 maal voorkomend)

.footer <-- is een class (dus meerdere keren herbruikbaar.)

#footer.a <-- is een tegenspreekspel alom en kan dus niet ;)
D

DRS-NL Liquid

Legacy Member
orez zei:
het is #footer a ipv #footer.a

spatie in de plaats van een .

#footer a <--- dit verwijst naar een anchor binnen de #footer div.

#footer <-- is een id (slechts 1 maal voorkomend)

.footer <-- is een class (dus meerdere keren herbruikbaar.)

#footer.a <-- is een tegenspreekspel alom en kan dus niet ;)
Klik om te vergroten...

Hmm bedankt daarvoor, sorry om dit te vragen ...
Maar wat moet ik dan doen om mijn visible link wit te laten zijn en mijn hover hetzelfde (rood) te krijgen? Want ik heb wat zitten prutsen maar het lukte blijkbaar niet al te goed :$

Informatie van website staat hierboven nog
o

orez

Legacy Member
gewoon #footer a:active, a:link, a:visited { display: #fff; }

als je a:hover dan al gestyled is int rood, zou hij da gewoon moeten doen.
D

DRS-NL Liquid

Legacy Member
Wat gij nu zegt had ik al eens zelf geprobeerd, en dit is dan het resultaat:

http://www.xpoob-gaming.net/Liquidz0r/Dozies_preview/ (--> niet goed dus :()

CSS style ziet er nog altijd zo uit: http://www.xpoob-gaming.net/Liquidz0r/Dozies_preview/style.css

gij zegt trouwes "display: #fff;" ipv "color: white;" ... als ik display doe verandert er niks in men browser (link blijft zwart als die gwn op staat) en als ik "color: white" gebruik (gwn gekopieerd wat hier stond en display dan vervangen door color) worden alle links op mijn pagina wit?

Ik snap er niks meer van
o

orez

Legacy Member
ola sorry moest color zijn... my bad :)

mss is het voor u eenvoudiger om met classes te gaan werken.

Dus a.footer:link, a.footer:active, a.footer:visited { color: #fff; }
a.footer:hover { color: #990000; }

en dan in uw html in voor je footer link.

<a href="bla.htm" class="footer">klik hier</a>
D

DRS-NL Liquid

Legacy Member
Hmm, nja dat werkt wel :)

Maar waarom werkte het nu niet gewoon met anchors zoals ik eerst deed (na correctie van punt naar spatie), vraag me dat wel af eigelek :x
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan