http://www.esultants.com/c/camden/
I've gotten a lot mroe comfortable with CSS-P in a short amount of time. Something which makes me happy and confident.
However, you're never all the way there, on the web, of course, so I've still got some weird issues I can't reconcile.
Mainly, the unruly bahavior of lists. This is something that I initially thought was the fault of the default stylesheets for particular browsers overriding my rules, despite my best efforts. But it seems to happen on all browsers, so I'm not sure what I need to do. Here is an example:
http://www.esultants.com/c/camden/members.cfm
This page has extra padding and/or margins that I can't seem to account for. Here is the markup(with only on LI for space in the post here) and style rules for that list:
<ul id="members"> <li> <h2>President</h2> <img src="images/members_dummy_avatar.gif" alt="No picture available." class="member_avatar" /> <p><strong>Thomas Bain</strong><br /> Minneapolis, MN<br /> 612.521.1186<br /> <a href="javascript:;">Send me email!</a></p> </li> </ul>
#members ul { margin: 10px 0px; padding: 0px; list-style: none inside; } #members li { padding: 0px; margin: 10px 0px; font-size: .8em; list-style: inherit; } .member_avatar { float: left; margin: 0px 5px 5px 0px; border: solid 1px #666; }
Default List Styles ruining my life? List style issues...
What padding are you trying to get rid of?
Default List Styles ruining my life? List style issues...
Thanks to the invaluable Web Developer Toolbar extension for MozFirebird, I quickly outlined the block level elements to show you where the UL box boundaries are compared to the LIs.
Look at this screenshot: http://www.esultants.com/c/camden/unruly_list.jpg
Now, this shows that my ULs margins are rendering properly, and as you can see by the size of the contained content, my LIs do not have any additional padding in them or anything.
So it seems to be either some default margins on the LIs or default padding on the UL that I can't seem to get past. As you can see from my first post, my UL rule specifies no padding, and my LIs no margins.
So, again.. I am stumped.
Default List Styles ruining my life? List style issues...
nevermind people..
the culprit is a retarded user, as userual (HAHA, get it?? oh i slay me..)
here i was trying to style a list with the ID "members" with a rule that was specifying all ULs INSIDE the ID "members"
d'oh..
that's what happens when you modify old rules for new markup, people.. and you don't pay attention
Default List Styles ruining my life? List style issues...
Happens to us all !!
Hope someone brings out an editor which highlights ID's or classes it can't find any style attributes for. ahhh bliss
Regards
Day
Default List Styles ruining my life? List style issues...
Day/JS - if you haven't already - you should look at Top Style Pro...
http://www.bradsoft.com/topstyle/index.asp
As for the unruly behaviours of lists - the best article I have read on this subject is at Alistapart: http://www.alistapart.com/articles/taminglists/