Fix images in CSS

On Fri, 28 Nov 2003 09:54:05 -0800, Virginia <biteme.DeleteThis@nospammyme.org> wrote:

 > Hello!
 > I'm trying to do my latest site with more CSS.
 > I have a CSS banner at the top of my page with three images. The images
 > are
 > centred on the page and the banner is 100% width.
 > If I resize the page, the images will drop down below the other. Is there
 > any way to set the images to 'no wrap'? I do not want absolute
 > positioning,
 > because I would like them to be centred in the bigger
 > screens/resolutions.
 > TIA.

Try applying:

white-space:nowrap;

.... to the containing element.

Grey

--
The technical axiom that nothing is impossible sinisterly implies the
pitfall corollory that nothing is ridiculous.
- <a style='text-decoration: underline;' href="http://www.greywyvern.com" target="_blank">http://www.greywyvern.com</a> - Orca RingMaker: PHP web ring creation and
management<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Fix images in CSS 

Virginia wrote:
 > Hello!
 > I'm trying to do my latest site with more CSS.
 > I have a CSS banner at the top of my page with three images. The images are
 > centred on the page and the banner is 100% width.
 > If I resize the page, the images will drop down below the other. Is there
 > any way to set the images to 'no wrap'? I do not want absolute positioning,
 > because I would like them to be centred in the bigger screens/resolutions.
 > TIA.

If those images must not wrap in any reasonably sized
browser window, the combination of the three images is
too wide.

You can research the 'overflow' property, setting it to
'hidden' or 'scroll' but I don't really
think that this will be the solution. Redesign the banner
so that it will be smaller than the smallest reasonable
browser window, or so that it is OK for it to wrap.

--
Cheers, m<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Fix images in CSS 

in post <news:vsf2u8p6sni327@corp.supernews.com>
Virginia said:

 > I have a CSS banner at the top of my page with three images. The images are
 > centred on the page and the banner is 100% width.
 > If I resize the page, the images will drop down below the other. Is there
 > any way to set the images to 'no wrap'?

<a style='text-decoration: underline;' href="http://stuff.bruciesusenetshit.info/three-image-thingy.html" target="_blank">http://stuff.bruciesusenetshit.info/three-image-thingy.html</a>


--
brucie
29/November/2003 04:09:40 am<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Fix images in CSS