Archief - CSS: inline css

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.
b

brc

Legacy Member
ik vind het nie meer...

ik zou dus via css de weergave (kleur) van een link willen veranderen

dus link 1 (standaard) blablabblablabblablab
en hier staat dan link 2 blablabblablabblablabblablabblablab

link 2 zou dus een andere kleur moeten hebben maar ik zou het inline (met een <span> of zo willen doen (om een aantal redenen)

heb al wa rondgezocht maar vind het ni direkt....
iemand ?
Z

Zero Grav

Legacy Member
<a href="" style="text-decoration: none; color: red;">link 1</a><br />
<a href="" style="text-decoration: underline; color: green;">link 2</a>

.. ?

Om de properties van aan link te veranderen:
a:link { .. }
a:visited { .. }
a:hover { .. }
a:active { .. }

Dit moet in de heading of in een external style sheet.
b

brc

Legacy Member
pfff thx Zero Grav,

was al te lang geleden dak met die css en zo ben bezig geweest en het lukte maar nie :s (hoe noobish het ook mag lijken ;) )

thx

kan je echter ook zowel "link" als "hover" inline gaan instellen ?
of werk je dan mssn beter met een klasse ?

stel dat ik een nieuwe klasse wil toewijzen aan die 2e link met andere "link, visited en hover" eigenschappen
Z

Zero Grav

Legacy Member
Code: 
<html>
<head>
<title>..</title>

<style type="text/css" media="screen>
<!--

a.specialLinks {
     color: green;
     text-decoration: underline;
}

a.specialLinks:hover {
    color: black;
    text-decoration: none;
}

a.normalLinks {
     color: red;
     text-decration: none;
}

a.normalLinks:hover {
     color: purple;
     text-decoration: underline;
}

-->
</style

</head>

<body>
<a href="" class="specialLinks"> link 1</a><br />
<a href="" class="normalLinks">link 2</a> 
</body>
</html>
b

brc

Legacy Member
:s

ah gevonden...
ik wou dit nl toepassen in een forum waar ik een lijst met links wou plaatsen waarvan de links in die lijst zich anders moesten "gedragen" dan de normale links op het forum

ik kan echter wel het css-bestand van het forum aanpassen

met in dat css-bestand die klasses te maken is het nu wel gelukt

thx voor het advies
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