Re: [css-d] left justified UL
Roger Roelofs rapidly wrote:
#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, that worked perfectly, once I realized that the list style url
was missing ;-) Thank you for your help in clearing up that problem!
But Roger quietly questioned:
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?
Yes, but this client from hell has a mind that is not budged by logic.
I already brought up that point, but they want to make sure that when a
viewer clicks on any one of the list items, it will take them to the
proper anchor on the page. Oh well, I think this project _may_ be
almost done!
Am having another strange problem though...first time I've ever run
into a Firefox/Netscape problem. The footer looks fine in Safari,
Opera, and even (gasp!) IE/Mac! But the right side info, (the h3) is
dropped to the baseline in Firefox and Netscape (most recent versions
of all browsers).
Again, Thanks Roger!
Dave
__
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/
[css-d] left justified UL
Hi group, On this site... http://www.lorettosedgwick.org/ ...which many of you have helped me create through your expert knowledge, the client has now requested that the list be flush left with the heading, no margins/padding. So I did that but now the overflow wraps down and to the left to line up with the bullet image. Can this be fixed by, perhaps, an additional class, say something like .overlap and then an indent of 2ems to straighten out the overlaps? Would I have to put a break between them to make it work? Or would that be a span? Thanks in advance, Regards, Dave __ 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/
Re: [css-d] left justified UL
Don rapidly wrote: Why not just make a list with no symbol in front? That way you automatically get a 2 line link to line up. Don, I'd love to. But the client wants that special diamond there. They asked me to design these links with three different symbols, didn't like what they wanted, and finally settled on that diamond. It's just the way they are. But thanks for the response. Dave __ 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/
[css-d] left justified UL
(Somebody shoot me...they're making MORE changes!) On this site, which many of you have helped me create through your expert knowledge, the client requested that the list be flush left with the heading, no margins/padding. So I did that but the overflow wraps down and to the left to line up with the bullet image. Can this be fixed by, perhaps, an additional class, say something like .overlap and then an indent of 2ems to straighten out the overlaps? Would I have to put a break between them to make it work? Or would that be a span? Arrrgh. Thanks, Dave __ 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/
