PDA

View Full Version : Image overlay problem


dtaylor83
12-29-2009, 12:16 AM
Hey,
I hit a small snag while trying to overlay a logo image with 2 animated .gif images in a static html page. the only thing i could come up with was placing them into AP Div tags and position them were i want. they look perfect in design view until i go to preview then they shift to the left margin. I've tried various alternatives i've seen all over the net with no success. i eventually moved them to the right to make them set in their proper place in preview but im worried this would cause the images to shift too far to the right on standard screens. I'm doing all of this on a wide screen @ 1440x900.

I didn't realize it would be this difficult to have it look like it should in both standard and wide screen resolutions.. or i'm just not seeing the solution.

any suggestions or solutions would be greatly appreciated.

Thanks,
Don

edbr
12-29-2009, 12:45 AM
use a position relative div to wrap them then absolutly position the images them selves

dtaylor83
12-29-2009, 03:45 AM
I gave it a try and there jumping up to the top of the page. Played with it a little bit in various ways and cant get them to stop moving. would it matter that the main image is within divs already?

<div id="container">
<div id="header">
<div class="oneColFixCtrHdr">img src="logo1.jpg" width="910" height="234" />

I've tried the position on these as well and ended up shooting my main image all over the place.

I'm still learning html so i'm not very good :mrgreen:

edbr
12-29-2009, 04:01 AM
depends on the div but it may not have to.
for ie if
<img src="logo1.jpg" width="910" height="234" />was
<img class="ab" src="logo1.jpg" width="910" height="234" />
and class ab was relative, and positioned where yo want it
the difference will be that in a 'containing div , the absolute positioning takes its reference point from the div

rockgirl84
01-19-2010, 07:25 PM
I gave it a try and there jumping up to the top of the page. Played with it a little bit in various ways and cant get them to stop moving. would it matter that the main image is within divs already?

<div id="container">
<div id="header">
<div class="oneColFixCtrHdr">img src="logo1.jpg" width="910" height="234" />

I've tried the position on these as well and ended up shooting my main image all over the place.

I'm still learning html so i'm not very good :mrgreen:

Sorry for the stupid question, what means "div"?
I think we are trying the same thing here, but still unsuccessful yet.
thank you
x

DWcourse
01-19-2010, 09:10 PM
a div is a generic html container (you can put anything in it). If you're trying to position objects on your page and you don't understand divs, you're putting the cart before the horse. You really need to learn about divs and CSS positioning before you start trying to design and build complex pages.