153 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
AphroditeDesign says

Do you think that Eric goes too far with his CSS reset? I need only a one simple reset for my designs. Can you tell me what are best practices and tips for creating them? Thanks.

P.S. Why we cant use only * { margin:0; padding:0; } ?

17 posts
  • Has been part of the Envato Community for over 5 years
  • Sells items exclusively on Envato Market
  • Located in United Kingdom
twincircuits says

I always look at what I’m building first:

- Do the links have underlines? - Do we need borders and stuff? - etc.

Then I’ll knock up something like this:

  • { margin: 0; padding: 0; border: none; outline: none; text-decoration: none; }

Mind you, if you’re planning on using del or ins (because we don’t use strike anymore, do we? :D), then you’ll need to redefine it in your CSS .

352 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 50+ members
  • Has sold $10,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+6 more
danharper says

Most of the time, I’ll use a simple:


* {
  margin: 0;
  padding: 0;
}

Other times, I’ll use the Reset & Font CSS files included in 960gs since they work good.

2333 posts
  • Has referred 100+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+5 more
CreativeMilk says

I use

/* reset */ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

153 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
AphroditeDesign says
I use /* reset / *html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

Why html and body are here? Isnt html enough? I mean body is inside html so what we have to change here? I know a bit stupid question but…

951 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 1+ members
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
+3 more
Daan says

I sometimes use eric’s, but yes, he goes too far. I think a more simpler solution will suffise too (that’s why I often use my own, which looks an awful lot like TwinCircuits’

2529 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 10+ members
  • Has sold $40,000+ on Envato Market
  • Interviewed on an Envato blog
+11 more
JeffreyWay says

Eric would tell you himself – don’t blindly adopt his reset. Instead, modify it according to your needs.

burningstonecold
burningstonecold Recent Posts Threads Started
143 posts
  • Has been part of the Envato Community for over 6 years
  • Located in Australia
  • Has sold $1+ on Envato Market
  • Has collected 10+ items on Envato Market
+2 more
burningstonecold says

I’ve developed my own ‘mashup’ css framework in which i can plug in different sections to expand where neccessary.

It includes things such as layouts, colours, a reset, etc.

It’s fairly lightweight, and combines 960.gs, Blueprint, Erics reset, etc.

It’s always fun, and good to create your own – as you learn from it, and also you can use it in your projects too.

153 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
AphroditeDesign says

Thanks guys.

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by