Stylesheets - A row of images

Author

A row of images

2005-10-28, 3:21 am

Hello

I have 4 images that live next to each other inside a DIV. When the page
is resized too narrow, the 4 images start to stack on top of each other. Is
there a way for me to specify that these images should never stack, but only
live side by side?

Perhaps another DIV with a fixed width for them to live inside?

----------------S

Els

2005-10-28, 3:21 am

S wrote:

> Hello
>
> I have 4 images that live next to each other inside a DIV. When the page
> is resized too narrow, the 4 images start to stack on top of each other. Is
> there a way for me to specify that these images should never stack, but only
> live side by side?
>
> Perhaps another DIV with a fixed width for them to live inside?

Sounds like a working solution.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Evertjan.

2005-10-28, 3:21 am

S wrote on 28 okt 2005 in comp.infosystems.www.authoring.stylesheets:

> I have 4 images that live next to each other inside a DIV. When the
> page
> is resized too narrow, the 4 images start to stack on top of each
> other. Is there a way for me to specify that these images should never
> stack, but only live side by side?
>
> Perhaps another DIV with a fixed width for them to live inside?

same div.

<div style='width:1000px;'>
<img src='..' style='width:240px;'>
<img src='..' style='width:260px;'>
<img src='..' style='width:240px;'>
<img src='..' style='width:259px;'>
</div>

--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

Gus Richter

2005-10-28, 6:39 pm

Els wrote:
> S wrote:
>
>
>
>
> Sounds like a working solution.
>

I believe he'd get the same result.

S, have you tried overflow:auto; ??

--
Gus

Jim Moe

2005-10-28, 6:39 pm

S wrote:
>
> I have 4 images that live next to each other inside a DIV. When the page
> is resized too narrow, the 4 images start to stack on top of each other. Is
> there a way for me to specify that these images should never stack, but only
> live side by side?
>
white-space: nowrap;

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)