Archief - CSS: 3 verschillende hover kleuren

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

-Vipr-

Legacy Member
ik heb in mijn code devolgende links staan
PHP: 
                echo"<a href='avail.php?ID=$iden&war=$setnr&a=1'>(A)&nbsp;</a>";
		echo"<a href='avail.php?ID=$iden&war=$setnr&a=2'>(R)&nbsp;</a>";
		echo"<a href='avail.php?ID=$iden&war=$setnr&a=3'>(U)&nbsp;</a>[&nbsp;";
ik zou op elke een andere kleur als hover kleuren hebben ik dacht aan: (maar blijkt niet te werken)
PHP: 
.blauw
{
	A:link {text-decoration: none; color: white;}
	A:visited {text-decoration: none; color: white;}
	A:active {text-decoration: none; color: white;}
	A:hover {text-decoration: none; color: green;}
}

.geel
{
	A:link {text-decoration: none; color: white;}
	A:visited {text-decoration: none; color: white;}
	A:active {text-decoration: none; color: white;}
	A:hover {text-decoration: none; color: green;}
}

.rood
{
	A:link {text-decoration: none; color: white;}
	A:visited {text-decoration: none; color: white;}
	A:active {text-decoration: none; color: white;}
	A:hover {text-decoration: none; color: green;}
}

toen ik dit probeerde heb ik natuurlijk class=blauw of die andere gebruikt
E

Ex0dus

Legacy Member
volgens mij moet je het zo aanpakken:

Code: 
.blauw a:link, a:visited, a:active {
        text-decoration: none; 
        color: white;
}
.blauw a:hover {
        text-decoration: none;
        color: green;
}

enz....

cheers
z

zero2one

Legacy Member
het volgende is correcter:
Code: 
a.blauw:link, a.blauw:visited, a.blauw:active {
    text-decoration: none; 
    color: white;
}
a.blauw:hover {
    text-decoration: none;
    color: green;
}
en voor uwen link
Code: 
<a href="link.html" class="blauw">linktekst</a>
b

bRahms

Legacy Member
zero2one zei:
het volgende is correcter:
Code: 
a.blauw:link, a.blauw:visited, a.blauw:active {
text-decoration: none; 
color: white;
}
a.blauw:hover {
text-decoration: none;
color: green;
}
en voor uwen link
Code: 
<a href="link.html" class="blauw">linktekst</a>
Klik om te vergroten...
correcter?
-

-Vipr-

Legacy Member
jah idd bij mozilla werkt dat van exo kga nu even dat van u proberen hopelijk werkt dat ook in IE explorer
I

InnerChild

Legacy Member
nuja..'t is ni precies hetzelfde..maar het heeft ook te maken met hover (nogal dom om een nieuwe thread te maken hiervoor)..

is het mogelijk om in een option de hover color te bepalen? ik weet dat de background te bepalen is..maar waarschijnlijk niet hover?
z

zero2one

Legacy Member
een hover state voor een input werkt enkel bij mozilla, voor option kan je enkel de achtergrond aanpassen

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>Untitled</title>

<style type="text/css">
.over { background-color: #CCCCCC; }
.over:hover { background-color: #AAFFFF; }
</style>
</head>

<body>

<input type="text" value="niks" class="over">
<br />
<br />
<br />
<select>
	<option class="over">test1</option>
	<option class="over">test2</option>
</select>
</body>
</html>
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