Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,472
There are 2063 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Resetting CSS

Thread title: Resetting CSS
Closed Thread  
Page 1 of 2 1 2 >
    Thread tools Search this thread Display Modes  
09-24-2008, 04:04 AM
#1
the matt is offline the matt
the matt's Avatar
Status: I love this place
Join date: Mar 2006
Location: San Diego, CA
Expertise:
Software:
 
Posts: 555
iTrader: 13 / 100%
 

the matt is on a distinguished road

Send a message via Skype™ to the matt

  Old  Resetting CSS

How many people use a separate stylesheet to reset all your CSS? If so, which reset do you recommend? Do you think its a good practice to do a full reset?

I usually just do the common:
Code:
* {margin:0;padding:0;}
I want to use a reset sheet that I could import into all my coding work but Ive seen so many different reset versions... Is it even necessary or is it just more work than needed?

09-24-2008, 05:16 AM
#2
Andrew R is offline Andrew R
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
 
Posts: 5,200
iTrader: 17 / 95%
 

Andrew R is on a distinguished road

  Old

I go with the simple route that you posted, but you can always go with Eric Meyers reset stylesheet: http://meyerweb.com/eric/thoughts/20...eset-reloaded/

09-24-2008, 06:16 AM
#3
Awesome is offline Awesome
Awesome's Avatar
Status: Pastafarian
Join date: May 2006
Location: Duct Taped to your Ceiling
Expertise:
Software:
 
Posts: 3,440
iTrader: 26 / 93%
 

Awesome is on a distinguished road

  Old

We had a custom reset sheet for a long time, but recently switched to meyers reset after several requests.

09-24-2008, 08:50 AM
#4
Salathe is offline Salathe
Salathe's Avatar
Status: Community Archaeologist
Join date: Jul 2004
Location: Scotland
Expertise: Software Development
Software: vim, PHP
 
Posts: 3,820
iTrader: 25 / 100%
 

Salathe will become famous soon enough

Send a message via MSN to Salathe

  Old

I also use Meyer's "reset reloaded" stylesheet, amongst other things, with every document.

09-25-2008, 02:00 AM
#5
the matt is offline the matt
the matt's Avatar
Status: I love this place
Join date: Mar 2006
Location: San Diego, CA
Expertise:
Software:
 
Posts: 555
iTrader: 13 / 100%
 

the matt is on a distinguished road

Send a message via Skype™ to the matt

  Old

I guess I will start using Meyer's

09-25-2008, 01:20 PM
#6
phillipecw is offline phillipecw
phillipecw's Avatar
Status: I'm new around here
Join date: May 2008
Location: Lima, Perú
Expertise:
Software:
 
Posts: 12
iTrader: 0 / 0%
 

phillipecw is on a distinguished road

Send a message via Skype™ to phillipecw

  Old

You can also use the YUI Reset CSS...
Regards.

09-25-2008, 04:04 PM
#7
Gurnk is offline Gurnk
Status: Member
Join date: May 2007
Location: US
Expertise:
Software:
 
Posts: 380
iTrader: 12 / 100%
 

Gurnk is on a distinguished road

Send a message via AIM to Gurnk Send a message via MSN to Gurnk

  Old

I personally do not like using a reset.css.

I think it does more harm than good. Because I try to cover most HTML elements in my stylesheet, adding my own styles, it seems like a waste of time to reset them in the first place.

They also remove things like link outlines, which can be harful to accesibilty, and a number of other things...

09-25-2008, 10:50 PM
#8
phillipecw is offline phillipecw
phillipecw's Avatar
Status: I'm new around here
Join date: May 2008
Location: Lima, Perú
Expertise:
Software:
 
Posts: 12
iTrader: 0 / 0%
 

phillipecw is on a distinguished road

Send a message via Skype™ to phillipecw

  Old

The reset helps a lot if you want the website to look the same in almost all browsers, since they have different "default" values for some elements (i think they have different margin and padding default settings).

Once you apply the reset, you can specify your own margin and padding for each element, and you will be sure that it will work the same for all browsers.

If you want to, you can also edit or delete some lines from the reset.css that you think that don't affect your site.

09-26-2008, 12:10 AM
#9
Amross is offline Amross
Status: Member
Join date: Jan 2007
Location:
Expertise:
Software:
 
Posts: 311
iTrader: 4 / 100%
 

Amross is on a distinguished road

  Old

Like many other people in this thread, I use Eric Meyer's reset stylesheet.

Using the global reset that you commonly use is a horrible habit to get into, as it will break certain things. Plus it only resets margins and paddings; not everything else.

Be careful when using reset stylesheets though, as mentioned by Gurnk, they can have a negative effect on things like accessibility... but ONLY when used improperly. So use them properly and the advantages are significant.

09-26-2008, 12:25 AM
#10
Hastings is offline Hastings
Status: Junior Member
Join date: Aug 2008
Location:
Expertise:
Software:
 
Posts: 38
iTrader: 0 / 0%
 

Hastings is on a distinguished road

  Old

This is the guy I use, a seperate reset.css

Code:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

Closed Thread  
Page 1 of 2 1 2 >


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed