DIV Link kleur

Status
Niet open voor verdere reacties.

iforczz

Gebruiker
Lid geworden
4 jun 2013
Berichten
31
Hallo allemaal,

ik ben bezig met een website voor school,
en ik ben niet de beste er in,
en nu ben ik bezig met het menu en een soort knop doormiddel van div's en css,
nu heb ik deze css code:
Code:
#knop {
	height:25px;
	width:300px;
	float:left;
	margin-top:7px;
	margin-left:7px;
	padding-top:4px;
	padding-left:5px;
	background-color:#CCC;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-top-color:#0;
	border-right-color:#0;
	border-bottom-color:#0;
	border-left-color:#0;
	border-top-width:2px;
	border-right-width:2px;
	border-bottom-width:2px;
	border-left-width:2px;
	text-align:left;
}

En de in de body heb ik dit neergezet
Code:
<a style="display:block" href="#index">
  <div id="knop">Home</div>
</a>
ik gebruik dit html type
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

En nu wil ik dus de kleur van de link die op deze div zit een andere kleur geven,
ik heb wel voor elkaar gekregen als ik over de knop hover dat de kleur binnenin anders wordt met behulp van deze code
Code:
#knop:hover {
	background-color:#999;
	text-color:#A40000;
}

Maar ik kon dit dus niet werkent zien te krijgen ik heb

Code:
#knop:link {
geprobeert, dit werkte niet
Code:
#knop a:link {
En dit werkte ook niet,
kan iemand mij helpen met dit probleem

alvast bedankt.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan