Dave, On Jun 1, 2006, at 4:39 PM, Dave Pierce wrote:
> On this site... http://www.lorettosedgwick.org/ ... the client has > now requested that the list be flush left with the heading, but now > the overflow wraps down and to the left to line up with the bullet > image. Can this be fixed? You have mismatched starting/ending tags in the section in question. Validating the html will go a long way toward making learning css more manageable. Browsers do all sorts of crazy things trying to clean up after you. Also, I would suggest using headings <h4> or something instead of <p> elements as the heading for each list. Also, I was confused by the 3 <a> elements in the heading all pointing to the same page. Wouldn't one do just as well? Something like the following should get you close. Your current style sheet has a fair amount of rules that are conflicting with each other, which can leave me ( and maybe you too ) a little perplexed at times. For example, list-style-image is defined on #left, #main li, and #right li while list-style-position is defined in #left, #main, #main li, #right and #right li. It makes debugging a challenge :-) #left, #main, #right { float: left; width: 180px; margin-left: 30px; } /* the padding-top value may be unnecessary once the html is fixed */ #left { margin-left: 25px; padding-top: 1em;} #main { width: 150px; } #left ul, #right ul, #main ul { margin: 0; padding: 0; margin-left: 1.5em; list-style-type: none; } #left li, #right li, #main li { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; text-indent: 0; } -- Roger Roelofs "Remember, if you’re headed in the wrong direction, God allows U-turns!" ~Allison Gappa Bottke ______________________________________________________________________ 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/
