I have a specific problem that I'm looking for help with. If any of you css experts out there could take a quick look I would appreciate it. The problem is: Im just trying to line the 3 list elements side by side on the page. Specifically, the list "lesson 1" , "lesson 2", and "lesson 3". The lessons go up to "lesson 12", so it is suppose to be 3 columns and 4 rows. It just occurred to me as I typed that last sentence that maybe a table is the solution? I don't know. I have been trying to 'wrap' each <ul> within a <div> and floating each <div> left. Doing this lined the lists up correctly but the page was not going down, so they were not visible. I then added a clear:both; to the 'footer' and that pushed the page down, but left a huge gap in the layout. Anyway, I've include the HTML and CSS pertaining to these sections in this email. However, the source files are projects.html and presentation.css respectively. http://www.visual-storm.com/362/projects.html HTML: <h3>Out-of-class Lessons</h3> <p>Macromedia Dreamweaver MX: Training from the Source</p> <div id="projectlist1"> <h4>week1 (12-6-04)</h4> <h5>Lesson 1</h5> <h6>Key points</h6> <ul> <li>site structure</li> <li>defining local site</li> <li>importing text</li> <li>saving colors as favorites</li> </ul> </div> <div id="projectlist2"> <h5>Lesson 2</h5> <h6>Key points</h6> <ul> <li>graphics formats</li> <li>inserting images</li> </ul> </div> <div id="projectlist3"> <h5>Lesson 3</h5> <h6>Key points</h6> <ul> <li>link colors</li> <li>email links</li> <li>hypertext links</li> <li>graphic links</li> <li>targeting links</li> <li>named anchors</li> <li>image maps</li> </ul> </div> CSS: #projectlist1 { float:left; } #projectlist2 { float:left; } #projectlist3 { float:left; clear:right; } http://www.visual-storm.com/362/css/presentation.css To see a page that seems to be displaying correctly: http://www.visual-storm.com/362/syllabus.html (different layout, no floats in this one) Thanks for your time! ______________________________________________________________________ css-discuss [EMAIL-REMOVED]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
