Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
11-16-2009, 05:33 PM #1
Advanced Image hovering. Merging #div's
Hey guys n' gals,
I'm fairly new to CSS, but up until this point I haven't had any problems integrating and coding my ideas through it. I've tried to find a solution to this problem on the web but to no avail.
Basically I have a gallery website with content in the middle. it looks like this:
#Side A | #Side B
Side A contains a graphic and Side B contains thumbnail images. I had the idea of hovering over the thumbnails in Side B so the floating image would replace the dimensions or cover Side A.
The problem is when the image hovers over Side A, it doesn't replace the properties of #Side A. It merely hovers over Side A. This means that the dimensions don't take side A into consideration. If the monitor resolution increases/decreases, if the browser size increases/decreases, the hovering image from Side B does not align over-top of Side A.
Side B thumbnail floats in the exact same spot/size, while the CSS style and html increase/decrease according to the resolution and properties of the screen.
Is there any way to replace the hovering contents of Side B over into the contents of Side A so it automatically re-sizes to the specified dimensions of side A?
11-16-2009, 06:08 PM #2
- Join Date
- Oct 2009
- United Kingdom
- Thanked 119 Times in 119 Posts
post the code you are currently using if you can please, but yes its possible
11-16-2009, 08:58 PM #3
The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
- Join Date
- Oct 2008
- Some say it's everything.
- Thanked 397 Times in 390 Posts
See Mediocrity in its Infancy
It's usually a good idea to start out with this at the VERY TOP of your CSS:
Seek and you shall find... basically: validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting