Perhaps this is simple (hope so) - I need an image background to change in the middle of the site AND the corresponding menu item to change bgcolor, when someone hovers it. (And vice versa) .class a, .class a:link, .class:active{ style... } .class a:hover, .class:focus{ new/changed style... } But this only works for the direct link (anchor). How do it target another div and class too?
OK this is quite a confusing question, do you have the example site to see what you mean? I give it a go answering your question. I believe you want to change your background of your website to an image, this can be done via css.. body { margin: 0px; padding: 0px; background: #white url(yourimageurl) repeat-x; ) repeat-x left; } Code (markup): Find the body tag in your css, apply and modify the above code. For an interactive menu i always refer to the listamatic website: http://css.maxdesign.com.au/listamatic/ They have code examples and tutorials on navigations.
Take a look http://xira.net/zaidler/ You'll notice that each subject of the menu corresponds to one of the photos. The client wants when someone rolls-over figurative, then the first image on the top left changes... and vice versa. My thinking is CSS can't do it. This has to be JS or AJAX since by default you have to declare "what" is the second item being changed before you can change it. I haven't done JS programming in years... so I am hoping there is some CSS fix.
Hmm, is this something your looking for.. http://www.cssplay.co.uk/menu/lightbox.html or http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/ The second one doesnt have any Javascript coding