Stylesheets - Placing images around the center.

Author

Placing images around the center.

Matt Silberstein

2005-05-11, 8:42 am

I would like to have a page that has some images arrange around the
center. The idea is to design it for 800 wide and just allow the
margins to grow on larger displays. Here is a link to an image that is
what I would like, the words around the picture would be separate
image in the final:

www.nyccure.com/goal.html

This works:

www.nyccure.com/csstest.html

but it is not centered.

This is centered to start, but the "Prophesy" image moves relative to
hula when I change the window size.

www.nyccure.com/csstest1.html

I have tried playing with absolute and containers and everything I can
think of, but no luck.

Does anyone have any ideas for me? Making one big image would not work
for the final since there is more to do.

--
Matt Silberstein

All in all, if I could be any animal, I would want to be
a duck or a goose. They can fly, walk, and swim. Plus,
there there is a certain satisfaction knowing that at the
end of your life you will taste good with an orange sauce
or, in the case of a goose, a chestnut stuffing.

kchayka

2005-05-11, 8:42 am

Matt Silberstein wrote:
> I would like to have a page that has some images arrange around the
> center.
>
> www.nyccure.com/csstest.html
> www.nyccure.com/csstest1.html
>
> I have tried playing with absolute and containers and everything I can
> think of, but no luck.

You didn't try:
#Main {position:relative}

<URL:http://www.w3.org/TR/CSS21/visuren....ropdef-position>

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

Matt Silberstein

2005-05-11, 7:29 pm

On Mon, 09 May 2005 07:03:30 -0500, in
comp.infosystems.www.authoring.stylesheets , kchayka <usenet@c-net.us>
in <3e924jF1rdi3U1@individual.net> wrote:

>Matt Silberstein wrote:
>
>You didn't try:
>#Main {position:relative}

Thanks.

><URL:http://www.w3.org/TR/CSS21/visuren....ropdef-position>

Let me see if I understand. By making Main relative I "freed" it from
its container. Then Pic and Prophesy, the divs contained in main,
moved "properly" with Main.

I am going to have to play with this a bit to understand the change.
Thanks again.

As an aside, and not an attempt at stirring controversy, you (that is
to say, I) would think that a one pass interpreted language would be
easy to figure out. Oh well, it is was easy I wouldn't be getting my
$.50 an hour above minimum wage for doing it. ;-)

--
Matt Silberstein

All in all, if I could be any animal, I would want to be
a duck or a goose. They can fly, walk, and swim. Plus,
there there is a certain satisfaction knowing that at the
end of your life you will taste good with an orange sauce
or, in the case of a goose, a chestnut stuffing.

kchayka

2005-05-14, 4:20 am

Matt Silberstein wrote:
> On Mon, 09 May 2005 07:03:30 -0500, in
> comp.infosystems.www.authoring.stylesheets , kchayka <usenet@c-net.us>
> in <3e924jF1rdi3U1@individual.net> wrote:
>
>
> Let me see if I understand. By making Main relative I "freed" it from
> its container.

No, making Main relative retains its position in the document flow. The
position of elements outside of Main are affected by Main's width,
height, margins, etc., the same as if Main were statically positioned.

With relative positioning, you have the opportunity to offset Main's
static position (via top, right, bottom, left properties) without
affecting the position of outside elements. This concept is often
misunderstood as some flavor of absolute positioning. It isn't.
Regardless, in your case I don't see any reason to offset Main's position.

> Then Pic and Prophesy, the divs contained in main,
> moved "properly" with Main.

Yes, this is the primary advantage of relative positioning. Positioned
elements within Main stay positioned relative to Main, not to the body
element.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

Matt Silberstein

2005-05-14, 7:47 am

On Tue, 10 May 2005 07:22:54 -0500, in
comp.infosystems.www.authoring.stylesheets , kchayka <usenet@c-net.us>
in <3ebnl2F27jbbU1@individual.net> wrote:

>Matt Silberstein wrote:
>
>No, making Main relative retains its position in the document flow. The
>position of elements outside of Main are affected by Main's width,
>height, margins, etc., the same as if Main were statically positioned.
>
>With relative positioning, you have the opportunity to offset Main's
>static position (via top, right, bottom, left properties) without
>affecting the position of outside elements. This concept is often
>misunderstood as some flavor of absolute positioning. It isn't.
>Regardless, in your case I don't see any reason to offset Main's position.

>
>Yes, this is the primary advantage of relative positioning. Positioned
>elements within Main stay positioned relative to Main, not to the body
>element.

Which is what I thought happened without saying anything about main.

--
Matt Silberstein

All in all, if I could be any animal, I would want to be
a duck or a goose. They can fly, walk, and swim. Plus,
there there is a certain satisfaction knowing that at the
end of your life you will taste good with an orange sauce
or, in the case of a goose, a chestnut stuffing.