html - How to create a roll-over effect for two divs at once in CSS -


i'm working on website - being new html , css, , have problem. you'll find work in progress here: http://users.telenet.be/blijvendvertrek/default.htm.

now want add effect: when hover on navigation tab ('renovaties', 'gerechtelijke expertise bouw' or 'over mij'), want see hover effect of tab , @ same time hover effect of div below (respectively 1 constuction hat, tie , name) - , vice versa.

eg: hover on 'renovaties' tab, , site show hover effect of tab , of div below - , vice versa.

i've been searching solutions 5 hours now, , that's why reckoned allowed ask here ;-)

thanks million!

davy

just this: http://jsfiddle.net/uf3pu/

you wrap heading/link , contents parent element, , style element when hover on parent, change styles of children elements.

like so:

section.services:hover h1, section.services:hover p {background: red;} 

i hope helps!


Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -