468,236 Members | 1,967 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,236 developers. It's quick & easy.

Image positioning question

I want to build this page:
http://www.robocommerce.com

With the following requirements:
1. If the browser is small, I don't want the side borders to appear
(the shaded area outside the page itself)
2. As the user resizes the page, I want the images on the side to
show up, but from the inside out (ie, as the user expands the browser,
(s)he should see the innermost part of the graphic first).
3. I don't want to use frames (for obvious reasons)

The "first-pass" as I see it is to make a table with a fixed width to
the inner-most cell, and let the outer cells resize themselves as
appropriate (and make the images background images). The problem I see
with that is that I don't know how to lock the image along the left of
the cell containing hte page.

Anyway, I'd appreciate any advice anyone has.

Thanks,
Brian Rosenthal
Jul 20 '05 #1
2 1419
go****@mybesthealth.com (Brian Rosenthal) wrote:
I want to build this page:
http://www.robocommerce.com
Oh well, I suppose you didn't see the design until it was too late to
advise the client against it. Happens a lot.
With the following requirements:
1. If the browser is small, I don't want the side borders to appear
(the shaded area outside the page itself)
Background image.
2. As the user resizes the page, I want the images on the side to
show up, but from the inside out (ie, as the user expands the browser,
(s)he should see the innermost part of the graphic first).
Center background image.
3. I don't want to use frames (for obvious reasons)
Fine.
The "first-pass" as I see it is to make a table with a fixed width to


Ugh. The fixed width part is bad enough but seems to be an fundamental
part of the design (one of the reasons why they should have let a web
specialist see it before it was signed off). But why bring tables into
it?

See http://steve.pugh.net/test/test82.html (note that I've only made
the background image 1600px wide in this case so at larger window
widths there will be white down both sides)
The horizontal bar is done as the centered background to an absolutely
positioned div.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #2
Steve, you're my hero. Thanks a million!

--Brian

Steve Pugh <st***@pugh.net> wrote in message news:<jq********************************@4ax.com>. ..
go****@mybesthealth.com (Brian Rosenthal) wrote:
I want to build this page:
http://www.robocommerce.com


Oh well, I suppose you didn't see the design until it was too late to
advise the client against it. Happens a lot.
With the following requirements:
1. If the browser is small, I don't want the side borders to appear
(the shaded area outside the page itself)


Background image.
2. As the user resizes the page, I want the images on the side to
show up, but from the inside out (ie, as the user expands the browser,
(s)he should see the innermost part of the graphic first).


Center background image.
3. I don't want to use frames (for obvious reasons)


Fine.
The "first-pass" as I see it is to make a table with a fixed width to


Ugh. The fixed width part is bad enough but seems to be an fundamental
part of the design (one of the reasons why they should have let a web
specialist see it before it was signed off). But why bring tables into
it?

See http://steve.pugh.net/test/test82.html (note that I've only made
the background image 1600px wide in this case so at larger window
widths there will be white down both sides)
The horizontal bar is done as the centered background to an absolutely
positioned div.

Steve

Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by Anna | last post: by
6 posts views Thread by Haines Brown | last post: by
14 posts views Thread by D. Alvarado | last post: by
6 posts views Thread by Jerry Camel | last post: by
14 posts views Thread by Schraalhans Keukenmeester | last post: by
5 posts views Thread by mr. ambastha | last post: by
3 posts views Thread by vunet | last post: by
9 posts views Thread by pek | last post: by
reply views Thread by kermitthefrogpy | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.