Jump to content

Images not showing correctly


a_dejesus
 Share

Recommended Posts

Hello everyone I was hoping some one could help with a problem I ran into today while working on my design portfolio site. I placed three images that I plan to use as thumbnails to link to larger files, but my problem is when I code them the the content background is not moving along with the images so they are outside the content area. Here is how I have it coded so far.

<!--Content stats here--><div id="content">  <h1 align="center"><strong>Art Department</strong></h1>  <p>In this section you will find a collection of my art work. These piece range from personal pieces, mock work I have done, and projects that I have done for clients or submitted to potential clients.</p><br />  <p><h2><u>Client/Submitted work</u></h2><p>This sections is worked that I have created for clients who need help with design work. Also I have in clued submitted work that I have done for clients who were taking submission from multiple designers in winch they selected the design that best suited there needs for the project.</p><p><img src="pictures/art/submitted work/thumbnails/T-Shirt Design 01 thumb.jpg" /><img src="pictures/art/submitted work/thumbnails/T-Shirt Design 02 thumb.jpg"/><img src="pictures/art/submitted work/thumbnails/Shirt03 thumb.jpg" /></p></div>

Also how I set the css for the images to be:

div#content img {float:right;                 border: 1.5px solid #c2edf2;				 margin:0 4px 4px 4px;			     padding: 0 0 0 0;}

How can I override this in the markup so that all the images line right?This is how it is displaying I would like the orange background content to follow in back of the images and the images to flow left to right in line with each other.error.jpgThanks a lot to anyone that can help me!

Link to comment
Share on other sites

There is a lot going on here that needs to be looked at that isn't posted. If you can post a link I could tell you more.Front what I can see so far it looks like you aren't giving the container divs any float.

Link to comment
Share on other sites

To get the container to wrap around floated elements, just add "overflow: auto" to it. It will surround your images and any other floated elements.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...