Css Clear

[Noteleklabs]

Ok, so a little while back shovenose told me about a genius way to clear css and I thought I would share it with all of you:

*
{
padding:0;
margin:0;
}

[shovenose]

/* CSS RESET */

* {
  margin: 0;
  padding: 0;
}

To quote myself directly.

[Ronald Roe]

One problem with that, now your <li> won't have bullets, and won't be set in from the left. Same with blockquotes. Also, while you're at it, stop IE from putting a border around linked images:

/* CSS RESET */

*{margin:0;padding:0;}
li{margin-left:0.5em;}
blockquote{margin:0 0.5em;}
img{border:0;}

Starting to look good.

[TheGAME1264]

I always hated the "CSS Resets" because, as Ron said, they don't allow for things such as lists to work properly. Not only that, they pose issues with paragraph tags since they don't allow for a line break between paragraphs...among other things.

I have a default-css folder where I keep several "resets" and then use "specific-css" to override them on a site-by-site basis when and if needed.

[shovenose]

One problem with that, now your <li> won't have bullets, and won't be set in from the left. Same with blockquotes. Also, while you're at it, stop IE from putting a border around linked images:

/* CSS RESET */

*{margin:0;padding:0;}
li{margin-left:0.5em;}
blockquote{margin:0 0.5em;}
img{border:0;}

Starting to look good.

Definitely a good point about blockquotes and li. But most people will know to fix it.

I always hated the "CSS Resets" because, as Ron said, they don't allow for things such as lists to work properly. Not only that, they pose issues with paragraph tags since they don't allow for a line break between paragraphs...among other things.

I have a default-css folder where I keep several "resets" and then use "specific-css" to override them on a site-by-site basis when and if needed.

That's an even better idea!

[Noteleklabs]

awww you took off my genius picture