a_dejesus Posted May 27, 2011 Share Posted May 27, 2011 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.Thanks a lot to anyone that can help me! Link to comment Share on other sites More sharing options...
MrFish Posted May 28, 2011 Share Posted May 28, 2011 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 More sharing options...
a_dejesus Posted May 28, 2011 Author Share Posted May 28, 2011 Sounds great as of now my site is still local and not added to my server should I upload this page an CSS sheet or can I paste my whole code for the page? Thank you so much for taking your time to help me out. Link to comment Share on other sites More sharing options...
Ingolme Posted May 28, 2011 Share Posted May 28, 2011 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 More sharing options...
a_dejesus Posted May 28, 2011 Author Share Posted May 28, 2011 Ingolme thanks a million once I added that and changed a few css codes around I have it all set the way I was trying to get it!!! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.