Hulp gevraagt (klein css vraagje)

Ruud S. · 04-02-2010, 09:35

Hoi,

Is het mogelijk dat de achtergrond van een div een andere kleur krijgt bij mouseover als het geen link is?
zo ja hoe?

Bedankt!

MVG,

Ruud.

**Ewout Quax** · 04-02-2010, 09:52

Ruud,

De :hover optie kan in CSS enkel gecombineerd worden met een link.

Wat jij wilt kan dus niet via CSS.
Het kan wel via javascript, middels de 'onmouseover'-tag.

Ruud S. · 04-02-2010, 09:54

Hoe doe ik dat??

**Ewout Quax** · 04-02-2010, 10:03

Ruud,

hieronder een demo-script

PHP Code:


<html>
<head>
<script type="text/javascript">
function setcolor_1() {
div = document.getElementById("color");
div.style.backgroundColor = "black";
}
function setcolor_2() {
div = document.getElementById("color");
div.style.backgroundColor = "white";
}
</script>
</head>
<body>
<div id="color" onmouseover="setcolor_1();" onmouseout="setcolor_2();" style="width: 100px;height: 100px; border: 1px solid red;">
</div>
</body>
</html>

Hopelijk begrijp je de bedoeling; wel even aanpassen zodat het in je eigen ontwerp past.

Ruud S. · 04-02-2010, 10:05

@ewout

Bedankt! gelukt!!

**Gilbert B** · 05-02-2010, 06:56

Origineel gepost door Ewout Quax

Ruud,

De :hover optie kan in CSS enkel gecombineerd worden met een link.

Da's niet helemaal waar, je kan gerust div:hover gebruiken, maar dit wordt niet ondersteund door IE.

Hulp gevraagt (klein css vraagje)