By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,785 Members | 1,072 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,785 IT Pros & Developers. It's quick & easy.

Image positioning question

P: n/a
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
Share this Question
Share on Google+
2 Replies


P: n/a
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

P: n/a
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.