Re: [WSG] font size in a table
On 4/7/05 2:42 PM, russ - maxdesign [EMAIL PROTECTED] wrote: Hope could just have easily changed from an incomplete HTML4.01 Transitional doctype to a complete version. This is not a criticism of Hope, as she may have had other reasons for moving to XHML. This was not a conscience nor educated decision. As a newbie to css and web standards, I have been learning by using resources such as this helpful list, various books (as recommended on this list), and templates offered on the web. The main template I've been using is derived from Owen Briggs' generic text styles template found at: http://www.thenoodleincident.com/tutorials/typography/ and http://www.thenoodleincident.com/tutorials/typography/template.html It is from this template that I picked up html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en I would be very interested to know the pros cons of using this! Regards, Hope ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] font size in a table
I created a simple webpage containing a few paragraphs, a list and a table (for tabular data). For some reason that I cannot for the life of me work out, the font size of the text is much bigger in the table than elsewhere on the page. (Tested in FF, Safari, Opera/mac). It's driving me nuts! I want the text in the table to be the same size as elsewhere! What am I doing wrong??? Could someone please enlighten me? A mock-up of the page is here: http://hopestew.customer.netspace.net.au/ And the css is here: http://hopestew.customer.netspace.net.au/css/style1.css Hope Stewart ** 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] font size in a table
You have an incomplete doctype which makes browsers go into quicks mode and then font size inheritance is ignored inside a table. Russ I created a simple webpage containing a few paragraphs, a list and a table (for tabular data). For some reason that I cannot for the life of me work out, the font size of the text is much bigger in the table than elsewhere on the page. (Tested in FF, Safari, Opera/mac). It's driving me nuts! I want the text in the table to be the same size as elsewhere! What am I doing wrong??? Could someone please enlighten me? ** 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] font size in a table
Thanks, Russ! I've fixed the doctype on the real page and it works beautifully now. The page is on a site with a non-web standards design that I've inherited. It's due for a revamp in a couple of months when I plan to introduce standards. I thought I'd start to experiment with this new page but made the mistake of using a copy of an old page as my starting point. Updating the doctype hadn't occurred to me -- but it will now! Thanks again, Hope On 4/7/05 11:18 AM, russ - maxdesign [EMAIL PROTECTED] wrote: You have an incomplete doctype which makes browsers go into quicks mode and then font size inheritance is ignored inside a table. Russ ** 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] font size in a table
Hi Hope, This was bugging me for ages too. I don't know _why_ it does it but my workaround to-date has simply been to implicitly set font-size for p, td and li. My table and list text usually display larger when I only set the font-size in the body element. I've asked this question before but is there a standard way to set the font size across all elements (irrespsective of inheritance)? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Hope Stewart Sent: Monday, 4 July 2005 11:12 AM To: Web Standards Group Subject: [WSG] font size in a table I created a simple webpage containing a few paragraphs, a list and a table (for tabular data). For some reason that I cannot for the life of me work out, the font size of the text is much bigger in the table than elsewhere on the page. (Tested in FF, Safari, Opera/mac). It's driving me nuts! I want the text in the table to be the same size as elsewhere! What am I doing wrong??? Could someone please enlighten me? A mock-up of the page is here: http://hopestew.customer.netspace.net.au/ And the css is here: http://hopestew.customer.netspace.net.au/css/style1.css Hope Stewart ** 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] font size in a table
On 7/4/05, Webmaster [EMAIL PROTECTED] wrote:
Hi Hope,
This was bugging me for ages too. I don't know _why_ it does it but my
workaround to-date has simply been to implicitly set font-size for p, td and
li. My table and list text usually display larger when I only set the
font-size in the body element.
I've asked this question before but is there a standard way to set the
font size across all elements (irrespsective of inheritance)?
The modified Global White Space Reset has this:
* {
margin: 0;
padding: 0;
font-size: 100%; /* This sets _everything_ to one size */
}
Thereafter, you can specify rules for individual elements.
IE 5.x has a trouble with this, so you might want to add:
table {
font-size: 100%;
}
HTH,
Prabhath
http://nidahas.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] font size in a table
On 4/7/05 1:23 PM, Webmaster [EMAIL PROTECTED] wrote: This was bugging me for ages too. I don't know _why_ it does it but my workaround to-date has simply been to implicitly set font-size for p, td and li. My table and list text usually display larger when I only set the font-size in the body element. I've asked this question before but is there a standard way to set the font size across all elements (irrespsective of inheritance)? Thanks for your input. I had set the font-size for p ul and li and had used these tags within the td tags, but it still did not work. Russ supplied the answer for me: I was using the wrong doctype. I've changed: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html to: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en and all works beautifully. I don't fully understand all the components of doctypes, but the one I'm now using is working. Compare http://hopestew.customer.netspace.net.au/index.html to: http://hopestew.customer.netspace.net.au/index2.html The *only* difference in the code of these two pages are the first two lines, yet the font size behaves itself in the table on the second page because of the doctype. I don't know whether is would help in your case, but it created a miracle in mine! Hope ** 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] font size in a table
Yes I had no idea that doctype could effect CSS rendering like this. I was always scraed to use XHTML 1.0 strict but the combination below looks good. It will become my new standard. Thanks for asking the question. Paul -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Hope Stewart Sent: Monday, 4 July 2005 1:54 PM To: Web Standards Group Subject: Re: [WSG] font size in a table On 4/7/05 1:23 PM, Webmaster [EMAIL PROTECTED] wrote: This was bugging me for ages too. I don't know _why_ it does it but my workaround to-date has simply been to implicitly set font-size for p, td and li. My table and list text usually display larger when I only set the font-size in the body element. I've asked this question before but is there a standard way to set the font size across all elements (irrespsective of inheritance)? Thanks for your input. I had set the font-size for p ul and li and had used these tags within the td tags, but it still did not work. Russ supplied the answer for me: I was using the wrong doctype. I've changed: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html to: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en and all works beautifully. I don't fully understand all the components of doctypes, but the one I'm now using is working. Compare http://hopestew.customer.netspace.net.au/index.html to: http://hopestew.customer.netspace.net.au/index2.html The *only* difference in the code of these two pages are the first two lines, yet the font size behaves itself in the table on the second page because of the doctype. I don't know whether is would help in your case, but it created a miracle in mine! Hope ** 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] font size in a table
Paul, To switch to standards compliant mode, you must have a full and complete doctype but it does NOT have to be XHTML at all. Hope could just have easily changed from an incomplete HTML4.01 Transitional doctype to a complete version. This is not a criticism of Hope, as she may have had other reasons for moving to XHML. For example this: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN Could be changed to this: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; And this would trigger standards compliant mode. The same is true for HTML4.01 Strict and other doctypes. The key here is using the full doctype including the url. Keep in mind that some people choose to use incomplete doctypes deliberately so that they can deal will IE5 and IE6 in the same way. This is fine as long as you are aware about the implications and can deal with them. As you can see, font-size inheritance into tables is one of these implications. For the full range of correct doctypes, go here: http://www.w3.org/QA/2002/04/valid-dtd-list.html Other doctype reading: http://www.alistapart.com/articles/doctype http://gutfeldt.ch/matthias/articles/doctypeswitch.html http://www.w3.org/International/articles/serving-xhtml/Overview.html#quirks http://www.quirksmode.org/css/quirksmode.html http://www.webstandards.org/learn/reference/prolog_problems.html http://www.tantek.com/XHTML/Test/minimal.html HTH Russ Yes I had no idea that doctype could effect CSS rendering like this. I was always scraed to use XHTML 1.0 strict but the combination below looks good. It will become my new standard. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
