Markup table with css?

[Jef Driesen]

How can I replace/override the table attributes align, border,
cellpadding and cellspacing with css?

[Barbara de Zoete]

On Thu, 09 Mar 2006 13:04:40 +0100, Jef Driesen
<je********@hotmail.com.invalid> wrote:

How can I replace/override the table attributes align,
table {
text-align:$alignment;
vertical-align:$alignment; }
border,
table, th, td {
border:$length $type $color; }
cellpadding
th, td {
padding:$length_top $length_right $length_bottom $length_left; }
and cellspacing

table {
border-spacing:$length; }

See <URL:http://www.w3.org/TR/CSS2/> and
<URL:http://www.w3.org/TR/REC-CSS2/propidx.html>
--
______PretLetters:
| weblog | http://www.pretletters.net/weblog/weblog.html |
| webontwerp | http://www.pretletters.net/html/webontwerp.html |
|zweefvliegen | http://www.pretletters.net/html/vliegen.html |

[Johannes Koch]

Barbara de Zoete wrote:

On Thu, 09 Mar 2006 13:04:40 +0100, Jef Driesen
<je********@hotmail.com.invalid> wrote:

How can I replace/override the table attributes

align,

table {
text-align:$alignment;
vertical-align:$alignment; }

Isn't table/@align something like float in CSS?

--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

[Barbara de Zoete]

On Thu, 09 Mar 2006 13:16:58 +0100, Johannes Koch <ko**@w3development.de>
wrote:

Barbara de Zoete wrote:

On Thu, 09 Mar 2006 13:04:40 +0100, Jef Driesen
<je********@hotmail.com.invalid> wrote:

How can I replace/override the table attributes

align,

table {
text-align:$alignment;
vertical-align:$alignment; }

Isn't table/@align something like float in CSS?

I'm not really sure what you mean? Can you exlain a bit further please?
--
______PretLetters:
| weblog | http://www.pretletters.net/weblog/weblog.html |
| webontwerp | http://www.pretletters.net/html/webontwerp.html |
|zweefvliegen | http://www.pretletters.net/html/vliegen.html |

[Johannes Koch]

Barbara de Zoete wrote:

On Thu, 09 Mar 2006 13:16:58 +0100, Johannes Koch
<ko**@w3development.de> wrote:

Isn't table/@align something like float in CSS?

I'm not really sure what you mean? Can you exlain a bit further please?

I thought, the effect of
<table align="left"> ...
is not the same as
table { text-align: left }
but
table { float: left }
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

[Steve Pugh]

Jef Driesen <je********@hotmail.com.invalid> wrote:

How can I replace/override the table attributes align, border,
cellpadding and cellspacing with css?

align="left" and align="right" are equivalent to float: left; and
float: right; align="center" is equivalent to margin-left: auto;
margin-right: auto; (you must be triggering Standards mode in IE6 for
this last one to work, and it doesn't work at all in IE5).

border is just border. But in CSS the borders on the table and on the
cells are set separately.

cellpaddin is just setting padding on the td and th elements.

cellspacing is border-spacing but hasn't been very well supported in
IE up to now (anyone bothered to check in the IE7 beta yet?) unless
you want to set cellspacing="0" in which case border-collapse:
collapse; has the same effect.

So, something like
<table border="2" cellspacing="2" cellpadding="2" align="center">

would be replicated (with some differnces between browsers) by:
table {
border: 2px outset;
border-spacing: 2px;
border-collapse: separate;
margin-left: auto; margin-right: auto;
}
th, td {
padding: 2px;
border: 1px inset;
}
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[Steve Pugh]

"Barbara de Zoete" <tr******@pretletters.net> wrote:

On Thu, 09 Mar 2006 13:04:40 +0100, Jef Driesen
<je********@hotmail.com.invalid> wrote:

How can I replace/override the table attributes

align,

table {
text-align:$alignment;
vertical-align:$alignment; }

The HTML align attribute when applied to the table element affects the
alignment of the whole table, not the alignment of the text within the
table cells. In other words, table {text-align: right;} is not the
same as <table align="right">.

text-align and vertical-align would be appropriate to replace the
align and valign attributes of td and th.

Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[Barbara de Zoete]

On Thu, 09 Mar 2006 13:23:03 +0100, Johannes Koch <ko**@w3development.de>
wrote:

Barbara de Zoete wrote:

On Thu, 09 Mar 2006 13:16:58 +0100, Johannes Koch
<ko**@w3development.de> wrote:

Isn't table/@align something like float in CSS?

I'm not really sure what you mean? Can you exlain a bit further please?

I thought, the effect of
<table align="left"> ...
is not the same as
table { text-align: left }
but
table { float: left }

Looking at Steve's reply too, you're absolutely right. I never knew that
:-)

--
______PretLetters:
| weblog | http://www.pretletters.net/weblog/weblog.html |
| webontwerp | http://www.pretletters.net/html/webontwerp.html |
|zweefvliegen | http://www.pretletters.net/html/vliegen.html |