RE: [WSG] Complete CSS reset
There should be a border:0 in there too, but I seriously don't recommend trying
it.
mike 2k:)2
marqueeblink
e-mail: [EMAIL PROTECTED]
site: http://www.webSemantics.co.uk
/marquee/blink
-Original Message-
From: Andrew Krespanis [mailto:[EMAIL PROTECTED]
Sent: 06 July 2005 05:18
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Complete CSS reset
Has anyone made a stylesheet that resets everything back to the way it
would be if styling pure XML?
Here you go:
* {
margin:0;
padding:0;
display:inline;
font:1em serif;
}
To quote your CSS file:
And I didn't reset everything to inline, because then it's hard to tell what's
what.
Yes, exactly like trying to style pure XML. If you really want to teach your
class separation of structure, get them to create their structure in XSL. The
ones that catch on will be in awe of the fact that they can create a dynamic,
XML backed site using only a bit of file space and a browser. I'm having great
difficulty envisioning the learning outcome of a Style XML with CSS lesson
having much in common with a solid understanding of structure, as CSS can't add
structure, only visual formatting (ignoring the behavioural pseudo-classes and
generated content for the sake of this discussion ;).
That said, the only thing my lecturers taught me was Click here to add a
table, so good on you for trying to give your students something more! :)
Andrew.
http://leftjustified.net/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
This email and any files transmitted with it are confidential and
intended solely for the use of the individual or entity to whom they
are addressed. If you have received this email in error please notify
the system manager.
This footnote also confirms that this email message has been swept by
MIMEsweeper for the presence of computer viruses.
www.clearswift.com
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Complete CSS reset
I wouldn't try this either, but I just thought I'd mention that you'd have
to add to that list font-style: normal as well.
---
Chris Van Wiemeersch
Dekko Studios
T 248 982 6323
F 248 380 6405
http://www.dekkostudios.com/
There should be a border:0 in there too, but I seriously don't recommend
trying it.
mike 2k:)2
marqueeblink
e-mail: [EMAIL PROTECTED]
site: http://www.webSemantics.co.uk
/marquee/blink
-Original Message-
From: Andrew Krespanis [mailto:[EMAIL PROTECTED]
Sent: 06 July 2005 05:18
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Complete CSS reset
Has anyone made a stylesheet that resets everything back to the way it
would be if styling pure XML?
Here you go:
* {
margin:0;
padding:0;
display:inline;
font:1em serif;
}
To quote your CSS file:
And I didn't reset everything to inline, because then it's hard to tell
what's what.
Yes, exactly like trying to style pure XML. If you really want to teach
your class separation of structure, get them to create their structure in
XSL. The ones that catch on will be in awe of the fact that they can
create a dynamic, XML backed site using only a bit of file space and a
browser. I'm having great difficulty envisioning the learning outcome of a
Style XML with CSS lesson having much in common with a solid
understanding of structure, as CSS can't add structure, only visual
formatting (ignoring the behavioural pseudo-classes and generated content
for the sake of this discussion ;).
That said, the only thing my lecturers taught me was Click here to add a
table, so good on you for trying to give your students something more! :)
Andrew.
http://leftjustified.net/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
This email and any files transmitted with it are confidential and
intended solely for the use of the individual or entity to whom they
are addressed. If you have received this email in error please notify
the system manager.
This footnote also confirms that this email message has been swept by
MIMEsweeper for the presence of computer viruses.
www.clearswift.com
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Complete CSS reset
On 7/5/05, Kenny Graham [EMAIL PROTECTED] wrote: ... I'm going to be teaching some web developers CSS soon and would like to teach it from a complete seperation of structure from presentation standpoint which is hard to do when headings are still big, blockquotes are still indented, etc. ... I'd say you are pushing a bit too far, it is not bad to have an idea how will page look like using only browser default stylesheet, and it does not make learning separation from presentation any more difficult. But if you still wish to do so here you may find some info: http://www.meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/ Regards, Rimantas -- http://rimantas.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Complete CSS reset
I've been adding this to the top of my style sheets:
html, body, div, h1, h2, h3, h4, ul, li, dl, dt, dd, ol, form {margin: 0;
padding: 0;}
I like to reset the major elements and then set new margins and paddings on
the specific elements when needed. This also gets rid of the repetitive
margin:0; padding:0; declarations.
This is not unique to me. Others have done more extensive reset commands.
Ted
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Rimantas Liubertas
Sent: Tuesday, July 05, 2005 2:49 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Complete CSS reset
On 7/5/05, Kenny Graham [EMAIL PROTECTED] wrote:
...
I'm going to be teaching some web
developers CSS soon and would like to teach it from a complete
seperation of structure from presentation standpoint which is hard to
do when headings are still big, blockquotes are still indented, etc.
...
I'd say you are pushing a bit too far, it is not bad to have an idea how
will page look like using only browser default stylesheet, and it does not
make learning separation from presentation any more difficult.
But if you still wish to do so here you may find some info:
http://www.meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/
Regards,
Rimantas
--
http://rimantas.com/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Complete CSS reset
Hi Ted,
What's the difference between what you do and * {margin: 0; padding: 0;}?
Serious question - I do the latter, and so I need to know if I'm missing
out somewhere.
Thanks,
Bob McClelland,
www.gwelanmor-internet.co.uk
Drake, Ted C. wrote:
I've been adding this to the top of my style sheets:
html, body, div, h1, h2, h3, h4, ul, li, dl, dt, dd, ol, form {margin: 0;
padding: 0;}
I like to reset the major elements and then set new margins and paddings on
the specific elements when needed. This also gets rid of the repetitive
margin:0; padding:0; declarations.
This is not unique to me. Others have done more extensive reset commands.
Ted
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Rimantas Liubertas
Sent: Tuesday, July 05, 2005 2:49 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Complete CSS reset
On 7/5/05, Kenny Graham [EMAIL PROTECTED] wrote:
...
I'm going to be teaching some web
developers CSS soon and would like to teach it from a complete
seperation of structure from presentation standpoint which is hard to
do when headings are still big, blockquotes are still indented, etc.
...
I'd say you are pushing a bit too far, it is not bad to have an idea how
will page look like using only browser default stylesheet, and it does not
make learning separation from presentation any more difficult.
But if you still wish to do so here you may find some info:
http://www.meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/
Regards,
Rimantas
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Complete CSS reset
Hi Bob
* margin:0; padding:0 removes the margin and padding from EVERYTHING.
You then have to declare your margins and padding on every element or there
will be none.
Personally, I don't want to worry about forgetting the padding on an input
or the margin on a checkbox or forgetting to reset the indentation on a
blockquote.
So, I zero out the items I use regularly, leave the items I'm ok with, and
worry about the infrequent elements when I come across them. This keeps me
from wondering, now why isn't my blockquote getting indented? Why does the
text look so cramped in my inputs?
Ted
^
Hi Ted,
What's the difference between what you do and * {margin: 0; padding: 0;}?
Serious question - I do the latter, and so I need to know if I'm missing
out somewhere.
Thanks,
Bob McClelland,
www.gwelanmor-internet.co.uk
Drake, Ted C. wrote:
I've been adding this to the top of my style sheets:
html, body, div, h1, h2, h3, h4, ul, li, dl, dt, dd, ol, form {margin: 0;
padding: 0;}
I like to reset the major elements and then set new margins and paddings on
the specific elements when needed. This also gets rid of the repetitive
margin:0; padding:0; declarations.
This is not unique to me. Others have done more extensive reset commands.
Ted
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Complete CSS reset
Well, this has been educational if nothing else. I figured out how to do it on every non-IE browser (insert sarcastic comment). At first I tried resetting 11 properties on *, but then realized that it was killing the entire concept of inheritance. If I set li to bold, links inside the li wouldn't inherit it, etc. So then I set those 11 properties on html, and then set the same properties on html * to inherit. Works like a charm... but not on IE. I guess IE doesn't really use a default stylesheet, and if it does, it doesn't cascade properly. If anyone's morbidly curious, it's at http://www.kennygraham.net/reset.css ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Complete CSS reset
On 6 Jul 2005, at 5:43 am, Kenny Graham wrote: So then I set those 11 properties on html, and then set the same properties on html * to inherit. Works like a charm... but not on IE. I guess IE doesn't really use a default stylesheet, and if it does, it doesn't cascade properly. If anyone's morbidly curious, it's at http://www.kennygraham.net/reset.css Because IE Win doesn't understand the keyword 'inherit'. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
