css div's

[jordyvk]

hallo iedereen,

ik ben weer wat aan het prutsen en ben bezig met een site...

weet iemand hoe je als je over een div gaat een andere div verandert.
bv: als je over div A gaat moet de achtergrond van div B veranderen.

alvast bedankt.

groeten jordy

 

[Goeroeboeroe]

Dat is heel simpel: dat kan niet met alleen css en html.
Voor wat jij wilt moeten de twee divs binnen elkaar liggen. Als je dan over de buitenste div hovert, kun je de achtergrond van de binnenste div veranderen. Maar omgekeerd kan niet, want css kan nooit iets doen buiten het element waar het voor geldt.
Dus bijvoorbeeld twee divs naast elkaar kunnen ook nooit elkaars achtergrond veranderen.
Het kan waarschijnlijk wel met JavaScript, maar dat is mijn afdeling niet (wat 'n nette manier is om te zeggen dat ik daar niet echt goed in ben).

 

[jordyvk]

oke bedankt.

ik werk ook met css dus dat is geen probleem.
maar als je hover gebruikt hoe moet je dan die andere div aanspreken???

alvast bedankt

 

[Goeroeboeroe]

Volgens mij is het juist wel een probleem, of ik begrijp je niet goed.

<div id="een"></div>
<div id="twee"></div>

Bij bovenstaande divs is het onmogelijk om vanuit de ene div de achtergrond van de andere te veranderen. (Je kunt er eventueel wel iets overheen zetten, maar dat dekt dan de héle div af, niet alleen de achtergrond, maar ook de inhoud.)

<div id="buiten">
     <div id="binnen"></div>
</div>

In bovenstaande kun je vanuit div#buiten wel de achtergrond van div#binnen veranderen.

div#buiten:hover div#binnen {background: red;}

Bovenstaande selector zegt: maak de achtergrondkleur van div#binnen die in div#buiten ligt rood, maar alleen als ik over div#buiten hover.
Dus dit werkt, want div#binnen ligt inderdaad binnen div#buiten (behalve in IE 6, want daar werkt hoveren alleen op 'n <a>, of je moet extra dingen doen).

div#binnen:hover div#buiten {background: red;}

Bovenstaande selector zegt: maak de achtergrond van div#buiten die in div#binnen ligt ... En hier stop ik al, want div#buiten ligt niet binnen div#binnen, dus dat werkt niet.

 

[jordyvk]

oke bedankt