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

[Spartanicus]

"Tony" <so*****@somewh ere.not> wrote:

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?

Correct. In the latter example "style" is the attribute, "width" is the
property of a css rule, with "10%" as it's value.

Note that using inline css such as in the latter example is rarely good
practice.

--
Spartanicus

[Tony]

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

"Tony" <so*****@somewh ere.not> wrote:

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?

Correct. In the latter example "style" is the attribute, "width" is the
property of a css rule, with "10%" as it's value.

That's what i thought.
Note that using inline css such as in the latter example is rarely good
practice.

Was mainly doing it to make the difference clear

[James A. Donald]

James A. Donald

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

johnSteve 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
sheet
What I have done is moved the width attribute to a <COL width=47%><COL
width=53%>, inside the <TABLE></TABLE> but above the <TR></TR>

This fixed the problem, works in strict, and seems a lot better than
the old way (since table formatting code should not have to look
ahead)

Obviously the truly correct thing to do is to create a style sheet
with various table styles corresponding to tables with different <COL>
attributes, effectively moving the <COL> attributes to a style sheet.

Not clear to me how to move the <COL> data into a style sheet. Cannot
seem to find any examples.
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.

You have moved your <table> properties into the <STYLE> command and
similarly for your <TD> properties, but no column width properties. I
would expect them to go into a table class.

I attempted to move my now working table attributes into a style
command

<STYLE type=text/css>{
}
TABLE {
BORDER:1; WIDTH:100%;
<COL width="34%"><CO L width="66%">
}
</STYLE>

The parser was happy with it, but the output was total crap. No
borders, and the first table the first column was 66% and the second
34%, and in the next table the other way around

--
http://www.jim.com

[Stan Brown]

On Wed, 01 Jun 2005 10:56:42 -0600, johnSteve <st****@bresnan .net>
wrote:

they are probably telling you in strict there is no inline style, so
no width inline

Huh? Inline styles are just fine in HTML 4.01 Strict.

For <td> in particular, refer to
http://www.w3.org/TR/html401/struct/....html#h-11.2.6
and note that core attributes are allowed. Core attributes are
defined at
http://www.w3.org/TR/html401/sgml/dtd.html#coreattrs
and include style.

--
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."

[dcddesigns]

Gee Im honored Ive been quoted here (found it in my copyscape) but
everything I said in that article on my site is 100% and if you care at
all about your SE rankings you'll learn tableless layouts and fast! Man
your rankings can go through the roof!

If you want a great place to learn this stuff Im a member of
sitepoint.com ... some of the best CSS gurus in the world over there
will help you work thru the hard times you'll have switching. It sucks
at first but one you learn it you wonder why you ever used tables for
non tabular data!

thanks again for the quote!