Roger Roelofs wrote: > Dan, > > On Apr 1, 2006, at 10:29 AM, Dan H wrote: > >> Hello and thanks in advance. >> First issue/question 1 for the following link. >> http://www.momsluxurylinens.com/pages/thomasville/tv-main.shtml >> CSS available at: >> http://www.momsluxurylinens.com/css/main.css >> >> gap between the left sidebar and the footer. Also, the page over >> flows the whole content >> container, overlapping the footer, which is placed after the >> main-container div. > >> I currently have 13 items listed in a table. The client would like >> these listed alphabetically. There are 30 to 40 of these >> "collections". I originally tried to set up a div with an ul and two li >> - one for the picture and one for the name. I floated this to the left >> and the first row came up as expected. When enough items were added to >> get to a second row, instead of the second row lining up with the first >> row, the first item of the second row lined up with the 4th item of the >> first row. > > Try this html for the list of images/captions. There probably are > better ways, but this seems to work. > ---------------- html ------ All I had to do was add the <br /> into each li. > <li><a href="altessa/altessa-main.shtml"> > <img src="/pages/thomasville/altessa/altessa-x-sm.jpg" > alt="Altessa"><br />Altessa</a></li> > --------------------- css ----------- > #main-content-area { float: left; } adding float:left to the #main-content-area div cured the problem of the gap > #listproduct { list-style-type: none; } > #listproduct li { float: left; text-align: center; width: 120px; } > #listproduct li img { width: 110px; height: 135px; } > > > You will have some clean-up work as I didn't migrate all your style > rules to the new html. Currently, the fruits of your labor may be seen at: http://www.momsluxurylinens.com/pages/thomasville/TESTFLOATStv-main.shtml
I will be changing to your code on the main Thomasville page sometime today. Thanks for everything, Dan > > hth ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
