Archief - li:hover div background veranderen

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.

Install

Legacy Member
Ik vroeg mij af of het mogelijk is om te hoveren over een list item en een andere afzonderlijke div een andere kleur te geven.

#test{
width:100px;
height:100px;
}

.jan:hover{

}

de background-color van #test zou bv moeten veranderen naar background-color:#000;

html:
<ul>
<li class="jan"> lalala </li>
</ul>
<div id="test"><p> Lorem Ipsum</p></div>

ik heb al heel wat sites afgeschuimd maar ik kon het niet vinden

j design

Legacy Member
Ik denk dat je daarvoor bij JS moet gaan kijken.
Ik denk niet dat daar een css/html oplossing voor is.

BleKKie

Legacy Member
:hover werkt enkel op links (<a></a>)
op lists of andere elementen kunt ge dat best via JS doen

adrianhates

Legacy Member
BlackAngel86 zei:
:hover werkt enkel op links (<a></a>)
op lists of andere elementen kunt ge dat best via JS doen

= niet waar
hover werkt op meerdere elementen waaronder ook div , alleen niet in alle browsers

j design

Legacy Member
Maar als je de code bekijkt wil hij door over een list te hoveren een andere div laten veranderen.
En als je een div: hover neemt is het dan niet enkel als je over de tekst gaat?
Anders wil ik ook wel graag het antwoord weten

edit: miskeken, het was mij quote niet. Li kan je ook met hover doen.

Curahee Q

Legacy Member
Die hover werkt niet in IE alsk het mij goed herinner. Je zal eens naar JS moeten kijken, lijkt me niet al te moeilijk.

Install

Legacy Member
in js kan ik het gewoon doen met getElementById maar ik moet het echt met zuivere css doen this voor school en ik kan het echt niet vinden :(

en dan nog die list krijgt normaal ook een <a>

Curahee Q

Legacy Member
Als jij werkelijk wilt dat als je over een li gaat, juist de ANDERE elementen een andere kleur krijgen zal je dat niet met css lukken. Een hover op die a kan natuurlijk wel hé.
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