2 replies [Last post]
wiseguy12851
wiseguy12851's picture
Offline
newbie
Last seen: 9 years 36 weeks ago
Timezone: GMT-5
Joined: 2010-01-03
Posts: 6
Points: 10

Numbers and bullets aren't rendering in either ordered or unordered lists from any browser. I'm currently learning CSS and used meyer's reset css code while playing around with different CSS properties. When I started working with lists, they lineup as normal but the numbers or bullets won't render. I brought up the reset code because I have a hunch it's interfering somehow but I've scanned the code over and over as well as my own code and simply can't figure it out.

The website is here Page Link. I only have 1 simple css file and it's located here in case you want to go directly to the CSS file CSS Link.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 38 weeks 5 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

It's that stupid Meyer reset

It's that stupid Meyer reset (see Resets considered harmful) that did you in. Lists use the default left padding (for ltr text, right padding for rtl text) as a space for the list markers.

If you are bound and determined to keep that bit of redundant make-work, then at least remove the {padding: 0;}. I cannot think of a single element that would benefit from having the padding zeroed. You can choose to set padding to zero on lists if you don't want the indent, but do it intelligently, not just willy-nilly.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

wiseguy12851
wiseguy12851's picture
Offline
newbie
Last seen: 9 years 36 weeks ago
Timezone: GMT-5
Joined: 2010-01-03
Posts: 6
Points: 10

Thanks

I took off the reset code and it renders now, I used it because I see it in every book even modern CSS books so it never once occurred to me that this might be an outdated tactic.