Css - link/actie toekennen

[ZOMERZON]

Vraagje aan de doorgewinterde CSS'er

Ik heb de vraag of het mogelijk is om een div 'aan te sturen' met een hover.
Als voorbeeld heb ik het volgende in een .CSS


.optie1:hover { color:#f3f3f3 ; }

#optie2 { background-color: #d2d2d2 ; overflow: visible;}


In plain HTML heb ik dus dit:

<ul>
<li class="optie1">
<ul>

<div id="optie2">


Nou wil ik dat er een soort 'actie' eraan gegeven word zodat wanneer
ik over die <li> heen hover dat een eigenschap van een bepaalde <div> meeveranderd.

Dus dat wanneer men op die optie1 hovert, dat de overflow van #optie2 veranderd
in overflow: hidden

Is dit mogelijk ??

[ Voor 13% gewijzigd door ZOMERZON op 18-05-2004 11:52 ]

[André]

Het zou moeten kunnen met behaviors, moet je daar eens naar zoeken:

[search=behaviors]

[ Voor 16% gewijzigd door André op 18-05-2004 11:39 ]

[BtM909]

Kijk sowieso eens kritisch naar je code, want zo gaat het absoluut niet werken:

code:

.optie1:hover { color:#f3f3f3 ; }
#optie2 { background-color: #d2d2d2 ; overflow: visible;}

. verwijst naar een class
# verwijst naar een id

en in je html staat het dus precies andersom

[ZOMERZON]

BtM909 schreef op 18 mei 2004 @ 11:48:
Kijk sowieso eens kritisch naar je code, want zo gaat het absoluut niet werken:

code:

.optie1:hover { color:#f3f3f3 ; }
#optie2 { background-color: #d2d2d2 ; overflow: visible;}

. verwijst naar een class
# verwijst naar een id

en in je html staat het dus precies andersom

He shit klein foutje
zo zie je maar weer als je EVENtjes niet oplet hehe

Wat betreft behaviors...... ?

[ Voor 5% gewijzigd door ZOMERZON op 18-05-2004 12:14 ]

[ZOMERZON]

ze hebben het bij behavior steeds over een extern htc bestandje.

Ik zie ook dat je (#naam) op kan geven, maar hoe moet het als ik een #naam van een aparte style sheet aan moet roepen ?

{ behavior:url("http://www.locatie.org/css/style.css" #myObject) }

zoiets ?? werkt namelijk niet......

[ Voor 62% gewijzigd door ZOMERZON op 18-05-2004 13:56 ]

[ZOMERZON]

Kan iemand me verder helpen

Kom er eerlijk gezegd er niet meer uit hoe ik dit moet doen.
Heb al gezocht naar de behavior gebeuren maar volgens mij geldt dat alleen als je externe .htc heb/wil gebruiken.

clueless

[kleautviool]

Nevermind

[ Voor 92% gewijzigd door kleautviool op 20-05-2004 23:15 ]

[Verwijderd]

kleautviool schreef op 20 mei 2004 @ 23:12:
Je kunt toch gewoon dit doen:

Cascading Stylesheet:

li.optie1:hover div#optie2  {
    /* Doe wat met de div */
}

Zoals je het nu hebt staan niet, de child optie2 met als tag een div. In zijn situatie is er geen child aanwezig onder de listitem, en dat je een hover toekent op de li betekend niet automatisch dat je optie2 ook de behaviour van hover overneemt.

Ik zou het persoonlijk zelf gewoon met Javascript oplossen, daar is het ook voor bedoeld. Zie het nut om dit te doen via CSS ook niet echt

Als het de layout toelaat kun je wel de div in li nesten en alsnog met hover werken, maar dat hangt van je situatie af

Bovendien moet je met hacks werken aangezien hover in msie alleen werkt op een anchor, Clay heeft hier zijn avond uurtjes een tijd geleden in gestoken.

[ Voor 34% gewijzigd door Verwijderd op 20-05-2004 23:18 ]

[kleautviool]

Merkte idd dat wat ik zij niet werkte

[Verwijderd]

kleautviool schreef op 20 mei 2004 @ 23:18:
Merkte idd dat wat ik zij niet werkte

zou je je ondertitel niet wijzigen?

[ZOMERZON]

Verwijderd schreef op 20 mei 2004 @ 23:15:
[...]


Ik zou het persoonlijk zelf gewoon met Javascript oplossen, daar is het ook voor bedoeld. Zie het nut om dit te doen via CSS ook niet echt

nou, het feit dat je gewoon geen javascript hoeft te gebruiken

[JeromeB]

ZOMERZON schreef op 21 mei 2004 @ 09:44:
[...]


nou, het feit dat je gewoon geen javascript hoeft te gebruiken

De artikelen zijn absoluut niet correct op een aantal punten, maar de gedachte is wel leuk:
- http://www.digital-web.co...behavior_and_presentation
- http://www.digital-web.co..._behavior_and_structure_2

[ Voor 13% gewijzigd door JeromeB op 21-05-2004 10:51 . Reden: extra linkje ]

[--MeAngry--]

ZOMERZON schreef op 21 mei 2004 @ 09:44:
[...]


nou, het feit dat je gewoon geen javascript hoeft te gebruiken

Dat behavior moet je gebruiken in de body van je content!
Dus:

code:

body {
  behavior: url("de htc-file, weet ff niet meer welke")
}

En dan kun je gewoon met elk object :hover gebruiken, ook in IE. Ik geloof alleen wel dat het nogal problemen gaf in IE-versies lager dan 6.0.

[ Voor 10% gewijzigd door --MeAngry-- op 21-05-2004 10:58 ]

[BtM909]

--MeAngry-- schreef op 21 mei 2004 @ 10:58:

En dan kun je gewoon met elk object :hover gebruiken, ook in IE. Ik geloof alleen wel dat het nogal problemen gaf in IE-versies lager dan 6.0.

Deze dus: [rml][ css] meer css met htc voor IE[/rml]

Let wel: je gebruikt gewoon JS in je behaviour

[--MeAngry--]

BtM909 schreef op 21 mei 2004 @ 11:00:
[...]

Deze dus: [rml][ css] meer css met htc voor IE[/rml]

Let wel: je gebruikt gewoon JS in je behaviour

Ja idd, zat net dat hele topic weer te bekijken dus vergat het ff in m'n post te editten.
Dat et HTC-bestand zelf weer uit JS bestaat lijkt me duidelijk, maar je vervuilt je eigen code er tenminste niet mee, zo blijft alles gewoon overzichtelijk.
Het zou overigens ook in IE 5.0 moeten werken dat script. In ieder geval anders deels, dus een goede oplossing is het zeker. Ik gebruik het zelf ook hoewel ik er binnenkort van ga afstappen. (Niet meer nodig. )