div link bg kleur?

A:link div, A:visited div{
background: #ddd;
}
A:hover div{
background: #ccc;
}

met css.

.linkclass:hover{
background-color: kleur
}

Bedankt voor de reacties!

ik wil idd met css werken, maar

.linkclass:hover{
background-color: kleur
}

werkt niet? terwijl

A:hover div{
background: #ccc;
}

wel werkt, maar ik wil wel class='linkclass' kunnen gebruiken..

let wel op dat dit dan niet in alle browsers werkt, ik adviseer dan toch om met een JavaScript Framwork te gaan werken denk aan jQuery.

Maar proberen staat natuurlijk vrij
voorbeeld jQuery

$('#divid').hover(this.css('background', '#000'), this.css('background','transparant'));

wat je ook kan doen is de link een style block opgeven met maten, dan heb je een link die je kan aanpassen met maten

Danny schreef op 09.03.2009 10:36

Bedankt voor de reacties!

ik wil idd met css werken, maar

.linkclass:hover{
background-color: kleur
}

werkt niet? terwijl

A:hover div{
background: #ccc;
}

wel werkt, maar ik wil wel class='linkclass' kunnen gebruiken..

dan maak je er dit van:
A:hover .linkclass{
background: #ccc;
}

Tamara schreef op 09.03.2009 10:38

dan maak je er dit van:
A:hover .linkclass{
background: #ccc;
}

Let the guru guide you. :)

a.linkclass:hover div { background-color: #ccc; }

Edit: Eerder is al gemeld dat dit niet in alle browsers werkt, dit klopt ook. IE 6 is stout. Gebruik eventueel javascript om dit te verbeteren of een htc.

Mitchell schreef op 09.03.2009 10:41

[quote='Tamara schreef op 09.03.2009 10:38']
dan maak je er dit van:
A:hover .linkclass{
background: #ccc;
}

Let the guru guide you. :)

a.linkclass:hover div { background-color: #ccc; }

[/quote]

@ Mitchell
hehe, ik dacht even dat .linkclass van de div was :P
niet goed gekeken dus...

o trouwens het niet niet helemaal W3C om een DIV in je anchor te zetten.

dus ik zou display block gebruiken als je de anchor een specifieke hoogte en breedte mee wilt geven

Mitchell schreef op 09.03.2009 10:41

[quote='Tamara schreef op 09.03.2009 10:38']
dan maak je er dit van:
A:hover .linkclass{
background: #ccc;
}

Let the guru guide you. :)

a.linkclass:hover div { background-color: #ccc; }

Edit: Eerder is al gemeld dat dit niet in alle browsers werkt, dit klopt ook. IE 6 is stout. Gebruik eventueel javascript om dit te verbeteren of een htc.[/quote]

Ik test het in FF en daar werkt het niet idd.. dus het beste is gewoon javascript te gebruiken?

Danny, wat wil je precies voor elkaar krijgen dan ?

je wilt een button maken, ?

waarom geef je niet gewoon je anchor een paar styles mee ?