Re: [WSG] Element Properties Cheat Sheet
Hi Cole, As far as I know there is not, probably because browsers have different implementations of CSS properties. I think that best way to do it is to know the CSS properties and which elements they theoretically apply to and then experiment. Take your example - padding: 0; - for instance Bottom line you should not have to set this kind of rule because the default for any element is no padding. W3C specifications say that Tables have content, padding, borders, and margins. And Internal table elements generate rectangular boxes with content and borders. Cells have padding as well. Internal table elements do not have margins. (http://www.w3.org/TR/CSS21/tables.html#q2) So, tables and cells should have padding, and they do, but IE normally does not respect rules that cumulate table and cell padding definitions, as happens in the following example: table style=padding:40px; border:1px solid black tr td style=padding:40px; border:1px solid black a/td tdb/td /tr tr tdc/td tdd/td /tr /table Anyway, the W3Schools CSS2 Reference alerted to this fact, so theirs is a good page to confirm eventual doubts: http://www.w3schools.com/css/pr_padding.asp I also think that this book is very useful: Cascading Style Sheets 2.0, Programmers Reference by Eric Meyer. Roberto Cole Kuryakin - x7m wrote: Is there any guide or cheat sheet out there somewhere which gives the exact properties of each html element which CAN be altered/positioned/styled via CSS? Like I've been putting: margin: 0; padding: 0; on a default table rule set, but something I've just read indicates that tables don't have padding - so the padding rule for tables is useless. I've been doing the same for trs, but something else I came across said that tr's don't have margin or padding properties. I'm trying to streamline my stylesheets and would like to get rid of any superflous rules that don't apply - or have no effect on - specific elements. The easiest way I can think of to do this would be to reference some kind of (easy to understand) document that says - or shows - that you can set the margin of a table, but not the padding, etc. Cole ** 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] Element Properties Cheat Sheet
Thanks for the explanation Roberto, as well as the link. Cole - Original Message - From: Roberto Gorjo [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Monday, June 13, 2005 4:38 PM Subject: Re: [WSG] Element Properties Cheat Sheet Hi Cole, As far as I know there is not, probably because browsers have different implementations of CSS properties. I think that best way to do it is to know the CSS properties and which elements they theoretically apply to and then experiment. Take your example - padding: 0; - for instance Bottom line you should not have to set this kind of rule because the default for any element is no padding. W3C specifications say that Tables have content, padding, borders, and margins. And Internal table elements generate rectangular boxes with content and borders. Cells have padding as well. Internal table elements do not have margins. (http://www.w3.org/TR/CSS21/tables.html#q2) So, tables and cells should have padding, and they do, but IE normally does not respect rules that cumulate table and cell padding definitions, as happens in the following example: table style=padding:40px; border:1px solid black tr td style=padding:40px; border:1px solid black a/td tdb/td /tr tr tdc/td tdd/td /tr /table Anyway, the W3Schools CSS2 Reference alerted to this fact, so theirs is a good page to confirm eventual doubts: http://www.w3schools.com/css/pr_padding.asp I also think that this book is very useful: Cascading Style Sheets 2.0, Programmers Reference by Eric Meyer. Roberto Cole Kuryakin - x7m wrote: Is there any guide or cheat sheet out there somewhere which gives the exact properties of each html element which CAN be altered/positioned/styled via CSS? Like I've been putting: margin: 0; padding: 0; on a default table rule set, but something I've just read indicates that tables don't have padding - so the padding rule for tables is useless. I've been doing the same for trs, but something else I came across said that tr's don't have margin or padding properties. I'm trying to streamline my stylesheets and would like to get rid of any superflous rules that don't apply - or have no effect on - specific elements. The easiest way I can think of to do this would be to reference some kind of (easy to understand) document that says - or shows - that you can set the margin of a table, but not the padding, etc. Cole ** 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] Element Properties Cheat Sheet
I presume everyone is aware of the 1-side-A4 cheatsheets available at http://www.ilovejackdaniels.com/cheat-sheets/? There's CSS, MySQL, mod_rewrite and PHP available for free. Chris -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cole Kuryakin - x7m Sent: 13 June 2005 10:00 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Element Properties Cheat Sheet Thanks for the explanation Roberto, as well as the link. Cole - Original Message - From: Roberto Gorjão [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Monday, June 13, 2005 4:38 PM Subject: Re: [WSG] Element Properties Cheat Sheet Hi Cole, As far as I know there is not, probably because browsers have different implementations of CSS properties. I think that best way to do it is to know the CSS properties and which elements they theoretically apply to... and then experiment. Take your example - padding: 0; - for instance... Bottom line you should not have to set this kind of rule because the default for any element is no padding. W3C specifications say that Tables have content, padding, borders, and margins. And Internal table elements generate rectangular boxes with content and borders. Cells have padding as well. Internal table elements do not have margins. (http://www.w3.org/TR/CSS21/tables.html#q2) So, tables and cells should have padding, and they do, but IE normally does not respect rules that cumulate table and cell padding definitions, as happens in the following example: table style=padding:40px; border:1px solid black tr td style=padding:40px; border:1px solid black a/td tdb/td /tr tr tdc/td tdd/td /tr /table Anyway, the W3Schools CSS2 Reference alerted to this fact, so theirs is a good page to confirm eventual doubts: http://www.w3schools.com/css/pr_padding.asp I also think that this book is very useful: Cascading Style Sheets 2.0, Programmer's Reference by Eric Meyer. Roberto Cole Kuryakin - x7m wrote: Is there any guide or cheat sheet out there somewhere which gives the exact properties of each html element which CAN be altered/positioned/styled via CSS? Like I've been putting: margin: 0; padding: 0; on a default table rule set, but something I've just read indicates that tables don't have padding - so the padding rule for tables is useless. I've been doing the same for trs, but something else I came across said that tr's don't have margin or padding properties. I'm trying to streamline my stylesheets and would like to get rid of any superflous rules that don't apply - or have no effect on - specific elements. The easiest way I can think of to do this would be to reference some kind of (easy to understand) document that says - or shows - that you can set the margin of a table, but not the padding, etc. Cole ** 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 ** ** 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] Element Properties Cheat Sheet
You presume wrong my friend and.. I'm in Brisbane, lucky me! Craig Rippon Brisbane, Australia -Original Message- From: Chris Taylor [mailto:[EMAIL PROTECTED] Sent: Monday, 13 June 2005 11:08 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Element Properties Cheat Sheet I presume everyone is aware of the 1-side-A4 cheatsheets available at http://www.ilovejackdaniels.com/cheat-sheets/? There's CSS, MySQL, mod_rewrite and PHP available for free. Chris -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cole Kuryakin - x7m Sent: 13 June 2005 10:00 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Element Properties Cheat Sheet Thanks for the explanation Roberto, as well as the link. Cole - Original Message - From: Roberto Gorjão [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Monday, June 13, 2005 4:38 PM Subject: Re: [WSG] Element Properties Cheat Sheet Hi Cole, As far as I know there is not, probably because browsers have different implementations of CSS properties. I think that best way to do it is to know the CSS properties and which elements they theoretically apply to... and then experiment. Take your example - padding: 0; - for instance... Bottom line you should not have to set this kind of rule because the default for any element is no padding. W3C specifications say that Tables have content, padding, borders, and margins. And Internal table elements generate rectangular boxes with content and borders. Cells have padding as well. Internal table elements do not have margins. (http://www.w3.org/TR/CSS21/tables.html#q2) So, tables and cells should have padding, and they do, but IE normally does not respect rules that cumulate table and cell padding definitions, as happens in the following example: table style=padding:40px; border:1px solid black tr td style=padding:40px; border:1px solid black a/td tdb/td /tr tr tdc/td tdd/td /tr /table Anyway, the W3Schools CSS2 Reference alerted to this fact, so theirs is a good page to confirm eventual doubts: http://www.w3schools.com/css/pr_padding.asp I also think that this book is very useful: Cascading Style Sheets 2.0, Programmer's Reference by Eric Meyer. Roberto Cole Kuryakin - x7m wrote: Is there any guide or cheat sheet out there somewhere which gives the exact properties of each html element which CAN be altered/positioned/styled via CSS? Like I've been putting: margin: 0; padding: 0; on a default table rule set, but something I've just read indicates that tables don't have padding - so the padding rule for tables is useless. I've been doing the same for trs, but something else I came across said that tr's don't have margin or padding properties. I'm trying to streamline my stylesheets and would like to get rid of any superflous rules that don't apply - or have no effect on - specific elements. The easiest way I can think of to do this would be to reference some kind of (easy to understand) document that says - or shows - that you can set the margin of a table, but not the padding, etc. Cole ** 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 ** ** 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] Element Properties Cheat Sheet
Well now, this is kind of hilarious. I got the following info from the margins of my gmail account for email. It shows links to info that is pertinent to whatever the key words are, in a particular email. These cost $10, it looks like; but they do look good. They are laminated cards, in all sorts of sizes, to hang on the wall, to have in 8.5 x 11 format, to fold up, etc., etc. There are ones on browsers, colors, fonts, _javascript_, css, and html. There is also a 'book' that covers all of them. Anyway, here are the URLs: Main page: http://visibone.com/html/?via=google440 HTML/CSS: http://visibone.com/html/card.html CSS only: http://visibone.com/html/hcrd3_850.jpg-- Catherine PostIllustration * Graphics * Website Design http://www.catherinepost.com(916)739-8839
