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 ------ <ul id="listproduct"> <li><a href="altessa/altessa-main.shtml"> <img src="/pages/thomasville/altessa/altessa-x-sm.jpg" alt="Altessa">Altessa</a></li> <li><a href="bentley/bentley-main.shtml"> <img src="/pages/thomasville/bentley/bentley-x-sm.jpg" alt="Bentley" id="Thomasville-Bentley">Bentley</a></li> <li><a href="bird/bird-main.shtml"> <img src="/pages/thomasville/bird/bird-x-sm.jpg" alt="Bird of Paradise">Bird of Paradise</a></li> <li><a href="bloomfield/bloomfield-main.shtml"> <img src="/pages/thomasville/bloomfield/bloomfield-x-sm.jpg" alt="Bloomfield">Bloomfield</a></li> <li><a href="bluelagoon/bluelagoon-main.shtml"> <img src="bluelagoon/blu-lag-x-xm.jpg" alt="Blue Lagoon" id="Thomasville-Lagoon">Blue Lagoon</a></li> <li><a href="canyon/canyon-main.shtml"> <img src="/pages/thomasville/canyon/canyon-x-sm.jpg" alt="Canyon" id="Thomasville-Canyon">Canyon</a></li> <li><a href="captiva/captiva-main.shtml"> <img src="/pages/thomasville/captiva/captiva-x-sm.jpg" alt="Canyon" id="Thomasville-Captiva">Captiva</a></li> <li><a href="caroline/caroline-main.shtml"> <img src="/pages/thomasville/caroline/caroline-x-sm.jpg" alt="Canyon" id="Thomasville-Caroline">Caroline</a></li> <li><a href="cassandre/cassandre-main.shtml"> <img src="/pages/thomasville/cassandre/cassandre-x-sm.jpg" alt="Canyon" id="Thomasville-Cassandre">Cassandre</a></li> <li><a href="clannada/clannada-main.shtml"> <img src="/pages/thomasville/clannada/clannada-x-sm.jpg" alt="Canyon" id="Thomasville-Clannada">Clannada</a></li> <li><a href="color-basics/color-basics-main.shtml"> <img src="/pages/thomasville/color-basics/cb-x-sm.jpg" alt="Color Basics" id="Thomasville-Color-Basics">Color Basics</a></li> <li><a href="debussy/debussy-main.shtml"> <img src="/pages/thomasville/debussy/debussy-x-sm.jpg" alt="Debussy" id="Thomasville-Debussy">Debussy</a></li> <li><a href="ferngully/ferngully-main.shtml"> <img src="/pages/thomasville/ferngully/ferngully-x-sm.jpg" alt="Ferngully" id="Thomasville-Ferngully">Ferngully</a></li> </ul> --------------------- css ----------- #main-content-area { float: left; } #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. hth -- Roger Roelofs ______________________________________________________________________ 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/