Avatar of AielloJ
AielloJ
Flag for United States of America asked on

CSS Floating Images No Wrapping

I have a banner area on a website under construction.  It is 939 pixels wide.  It is able to be populated with a number of images of varying widths based on the page displayed.  It may be 3 images of 313 pixels. or any combination of images that total 939 pixels.  I do not want the images to wrap to the next line if the user's browser window is set less than 939 pixels.  I want this to work similar to the CSS overflow hidden style for text.

A copy of the dwt file and the CSS file is attached.  The width of the img.Banner style may change as other image widths are created.

Thanks in advance. style.css.txt.css
Example.dwt.txt
CSS

Avatar of undefined
Last Comment
AielloJ

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
s8web

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
Carlos Llanos

I agree with s8web...set overflow to none.

 
img.Banner
{
  float    : left; 
  height   : 170px;
  margin   : 0; 
  overflow : hidden;
  width    : 313px;
  overflow : hidden;
}

Open in new window

AielloJ

ASKER
Thanks for the quick answer.  My apologies for the delay in awarding the points.
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck