5 replies [Last post]
css_seth
Offline
Regular
minneapolis, mn
Last seen: 16 years 43 weeks ago
minneapolis, mn
Joined: 2004-01-02
Posts: 33
Points: 0

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;
}

blakems
blakems's picture
Offline
Enthusiast
UTah, USA
Last seen: 17 years 29 weeks ago
UTah, USA
Timezone: GMT-7
Joined: 2003-04-07
Posts: 60
Points: 0

Default List Styles ruining my life? List style issues...

What padding are you trying to get rid of?

-bMs-
http//www.blakems.com !important;

css_seth
Offline
Regular
minneapolis, mn
Last seen: 16 years 43 weeks ago
minneapolis, mn
Joined: 2004-01-02
Posts: 33
Points: 0

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.

css_seth
Offline
Regular
minneapolis, mn
Last seen: 16 years 43 weeks ago
minneapolis, mn
Joined: 2004-01-02
Posts: 33
Points: 0

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

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 16 years 49 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

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

The only way to learn is to do it yourself

skyrocket
skyrocket's picture
Offline
Enthusiast
Sydney - Australia
Last seen: 16 years 45 weeks ago
Sydney - Australia
Timezone: GMT+10
Joined: 2003-12-18
Posts: 71
Points: 0

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/

PAUL - SkyRocket Design Co
web design sydney northern beaches