Doing a table in CSS

[James A. Donald]

--
I am just beginning to get into CSS. I like to keep all
my html simple and generic looking.

I want to use a table, because I have, (gasp) tabular
data. I want it to look like a table. Not only that,
but I want it to look like a plain ordinary
uncomplicated vanilla table, to look like everyone
else's table.

Seems to me that the only reasonably easy way to do this
is to declare the style transitional, and use <TABLE >

Is there a better way?

--digsig
James A. Donald
6YeGpsZR+nOTh/cGwvITnSR3Tdzcl VpR0+pr3YYQdkG
I+ZMSazMMSKlfyX +QwvlSFcNl49Faf n5glRFYcFV
4SY3/GBXA3FTNgCjcJdo kwMMCbs5dlavAIp G3504w
--
http://www.jim.com

[mscir]

James A. Donald wrote:

--
I am just beginning to get into CSS. I like to keep all
my html simple and generic looking.

I want to use a table, because I have, (gasp) tabular
data. I want it to look like a table. Not only that,
but I want it to look like a plain ordinary
uncomplicated vanilla table, to look like everyone
else's table.

Seems to me that the only reasonably easy way to do this
is to declare the style transitional, and use <TABLE >

Is there a better way?

--digsig

Since you have tabular data, I'd go with a table, that's what they're for.

=============== =============

http://www.allmyfaqs.com/faq.pl?Tableless_layouts

CSS-Based Layouts

HTML was never designed to be a layout language. The <table> element was
designed to mark-up tabular data (such as you'd find in a spreadsheet).
CSS (Cascading Style Sheets) was designed for design and presentational
issues - and makes pages easier and faster to code, more manageable,
accessible, and faster to download.

Do not let the term "tableless layouts" fool you, it means exactly what
it says, it does not mean "tableless webpages". You should continue to
use tables for tabular data.

=============== =============

http://webdesign.about.com/od/css/a/aa102102a.htm

....CSS Positioning (CSS-P) is the only way to create standards based Web
pages using XHTML. Why? Because XHTML requires that tables only be used
to define tabular data, and not be used for layout.

=============== =============

http://www.tableless.com.br/en/

What is Tableless?

Tableless isn't a technology, nor a programming language, much less an
application! Tableless is a rather misleading name for a method of
building clean, accessible and standard complaint websites.
Notwithstanding , "tableless" is what best describes the main concept
towards a more accessible web: the abolishing of tables as a means of
designing web sites.

We use CSS to format the information contained in the text markup files
or, if you prefer, (X)HTML files.

Clarifying: We don't use the infamous tables to structure the website.
For this we use exclusively CSS. We didn't get rid of the tables. In the
tableless method, all the tags are used semantially, i.e, each tag has
its own role. If you want to have an italic text, you should use the
<i></i> tag. Want a paragraph? Use <p></p> Got it? So, if you want to
display tabular data , e.g. a list of products with their prices, names,
if it's available in the stock; you should use tables. Therefore, using
tables to display tabular data is right but never use them to layout
structuring.

=============== =============

http://www.dcddesigns.com/folder/web...esign-Services

Tableless CSS Driven "Fluid" Website Design

So you may be asking "what are tables and why does removing them from my
website help?" Glad you asked! Tables have mistakenly been used for many
years by designers to piece a site's graphic layout back together,
similar to a jigsaw puzzle.

.... Removing tables from non-tabular data will also allow those with
disabilites and image disabled browsers a more meaningful experience
with your website and as more and more non computer devices are able to
access websites your site will be ready to go on them!

[C A Upsdell]

James A. Donald wrote:

--
I am just beginning to get into CSS. I like to keep all
my html simple and generic looking.

I want to use a table, because I have, (gasp) tabular
data. I want it to look like a table. Not only that,
but I want it to look like a plain ordinary
uncomplicated vanilla table, to look like everyone
else's table.

Seems to me that the only reasonably easy way to do this
is to declare the style transitional, and use <TABLE >

Is there a better way?

Yes, there is a better way. Use strict instead of transitional: TABLE
is not deprecated, just misused.

[Stan Brown]

On Mon, 30 May 2005 17:02:21 -0700, James A. Donald
<ja****@echeque .com> wrote:

I want to use a table, because I have, (gasp) tabular
data. I want it to look like a table. Not only that,
but I want it to look like a plain ordinary
uncomplicate d vanilla table, to look like everyone
else's table.

Seems to me that the only reasonably easy way to do this
is to declare the style transitional, and use <TABLE >

Is there a better way?

Yes: declare it _strict_, and use a <table>.

The idea that "you mustn't use tables" is an oversimplificat ion. Not
even the most thoroughgoing purist would object to using <table> for
data that are actually tabular by nature. The objection is to using
<table> simply to enforce a layout -- _that_ is what should better
be done with CSS.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
"I feel a wave of morning sickness coming on, and I want to
be standing on your mother's grave when it hits."

[SorbitoL]

"C A Upsdell" <""cupsdellXXX\ "@-@[e-mail] "> escribió en el mensaje
news:V7******** ************@ro gers.com...

James A. Donald wrote:

--
I am just beginning to get into CSS. I like to keep all
my html simple and generic looking.

I want to use a table, because I have, (gasp) tabular
data. I want it to look like a table. Not only that,
but I want it to look like a plain ordinary
uncomplicated vanilla table, to look like everyone
else's table.

Seems to me that the only reasonably easy way to do this
is to declare the style transitional, and use <TABLE >

Is there a better way?

Yes, there is a better way. Use strict instead of transitional: TABLE is
not deprecated, just misused.

there's nothing wrong with <table> if you have tabular data.
the use of <table> is not recommended when it comes to
layout design.

[C A Upsdell]

SorbitoL wrote:

Yes, there is a better way. Use strict instead of transitional: TABLE is
not deprecated, just misused.

there's nothing wrong with <table> if you have tabular data.
the use of <table> is not recommended when it comes to
layout design.

What else did you think I meant?

[James A. Donald]

C A Upsdell

Use strict instead of transitional: TABLE
is not deprecated, just misused.

When I use "strict" I get the error messages such as
: : Line 46, column 12: there is no attribute "WIDTH"
: : <TD width="47%">

Doubtless there is a CSS equivalent of WIDTH and I should know it, but
I cannot seem to find any examples of tables done under strict. There
is a web page that seems to be about tables done under strict,
http://www.w3.org/TR/REC-CSS2/tables.html but without any examples, I
find the web page mystifying and overwhelming.

That web page tells me there is such a thing as a width property, yet
I get error messages about that property when I use the W3C Markup
Validation Service


--
http://www.jim.com

[Spartanicus]

James A. Donald <ja****@echeque .com> wrote:

When I use "strict" I get the error messages such as
: : Line 46, column 12: there is no attribute "WIDTH"
: : <TD width="47%">

Doubtless there is a CSS equivalent of WIDTH
Called "width", difficult eh?
and I should know it, but
I cannot seem to find any examples of tables done under strict. There
is a web page that seems to be about tables done under strict,
http://www.w3.org/TR/REC-CSS2/tables.html
That explain the CSS table model, use the HTML spec:
http://www.w3.org/TR/html4/struct/tables.html
but without any examples, I
find the web page mystifying and overwhelming.

That web page tells me there is such a thing as a width property, yet
I get error messages about that property when I use the W3C Markup
Validation Service

The width attribute has been deprecated for table cells, but not for
other elements such as table. Deprecated means that it's not valid under
the Strict DTD. http://www.w3.org/TR/html4/index/attributes.html

The reason why certain seemingly presentational attributes such as
valign are still valid under the Strict DTD is that in certain
situations moving them to css could result in a loss of structure which
can negatively effect the user's ability to interpret the content.

--
Spartanicus

[johnSteve]

On Tue, 31 May 2005 21:33:14 -0700, James A. Donald
<ja****@echeque .com> wrote:

C A Upsdell

Use strict instead of transitional: TABLE
is not deprecated, just misused.
When I use "strict" I get the error messages such as
: : Line 46, column 12: there is no attribute "WIDTH"
: : <TD width="47%">

they are probably telling you in strict there is no inline style, so
no width inline
try defining width up in the head then move it to separate style
sheetDoubtless there is a CSS equivalent of WIDTH and I should know it, but
I cannot seem to find any examples of tables done under strict. There
is a web page that seems to be about tables done under strict,
http://www.w3.org/TR/REC-CSS2/tables.html but without any examples, I
find the web page mystifying and overwhelming.

http://www.sturgood.com/dna/result/
in this example I group floating tables inside separate divs. valid
strict html and css.
I define no width on the tables or divs though to allow for
flexibility. For people like me there is finally the ability to
increase the font size to read tabular data.

cheers
johnSteve

[Tony]

"Spartanicu s" <in*****@invali d.invalid> wrote in message
news:dh******** *************** *********@news. spartanicus.utv internet.ie...

James A. Donald <ja****@echeque .com> wrote:

That web page tells me there is such a thing as a width property, yet
I get error messages about that property when I use the W3C Markup
Validation Service

The width attribute has been deprecated for table cells, but not for
other elements such as table. Deprecated means that it's not valid under
the Strict DTD. http://www.w3.org/TR/html4/index/attributes.html

That would be in regard to attributes in the manner of <td width="10%">, as
opposed to <td style="width:10 %">, right?