posted
is there any way to change the display attribute of one element(whether through the display or visibility property) when another element is rolled over(using the hover class)?
Or is this any other method using only css that can accomplish this?
Posts: 8741 | Registered: Apr 2001
| IP: Logged |
posted
yeah, that's what i'm thinking. I'm trying to do an experiment and complete a whole site completely with css, no scripts at all. It's harder than I thought.
Posts: 8741 | Registered: Apr 2001
| IP: Logged |
posted
okay, i figured out a way to do it. let me know if there's an easier or better way.
I had 3 images displayed inline as list items, and when each were rolled over i needed a text box to appear somewhere else on the page. So what I did was take the images out of list form and put each in it's own div. I then put the three of them in one large div spanning the whole area i would need to work with(the images are across the bottom of the screen and the text needed to display further up on the page). i have all the text in paragraphs with "display:none" inside each of the divs with their respective image. when i hover over each image i just change the display to block and expand the size of each div(so the effect occurs only when i hover over the image itself). actually was pretty simple.
Posts: 8741 | Registered: Apr 2001
| IP: Logged |
posted
well, it took some more finagling to get that code to function correctly with the other hover elements i had going on the page. Because the new div overlapped other divs i had to scroll completely off the new large div to be able to access those other elements. changing some sizes around and playing with position of elements within the div fixed it.
and yes, i realize that i have to make a workaround for older versions of IE. are there statistical breakdowns of the percentages of people using different IE versions? I wish everyone would just switch over to firefox and make my life easy.
posted
Nobody knows the real percentages, but they're pretty small. In 2004, these were the numbers, and the IE 5 numbers will have dropped fairly significantly since then: http://www.onestat.com/html/aboutus_pressbox34.html
The main thing is, know your audience. For the general public, the page should be fine so long as it degrades semi-gracefull in IE 5.5 . Any IE 5 user will be used to not all webpages looking exactly right, so so long as you make it so your site is still usable, and they can get at the information they want, and the main content is given enough space and decent formatting, they'll be fine.
Some businesses are still on standardized old browsers -- even Netscape 4.x in some places. Run away . But its unlikely those businesses are your audience (and they're really used to things looking weird).
Posts: 15770 | Registered: Dec 2001
| IP: Logged |
Printer-friendly view of this topic
![[Wall Bash]](graemlins/wallbash.gif)
![[Wink]](wink.gif)
. But its unlikely those businesses are your audience (and they're really used to things looking weird).
