can CSS completely replace TABLE attributes?

Hi,
Im struggling to find a cross browser friendly way of rendering a table ( I
would love to avoid a html table, but I think it would be 500x more work to
do this purely in CSS positioning), specifically replacing "cellpadding".
Here is my CSS:

table {
width:100%;
border: 0px;
font-size: 90%;
table-layout: auto;
border-spacing: 0;
border-collapse: collapse;
}

and now I would like to apply some sort of "cellpadding" effect.

Ive tried using "padding:10px;" but it has no effect.

I could just use the "cellpadding" attribute in the html tags, but I wouldnt
be moving forward and learning anything important.
Any ideas??
Thanks so much!
Jacob

Why bother? If the table works, use it. I beleive the style you are
seeking, however, is border-padding....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Jacob F." <jboyo (AT) yorku (DOT) ca> wrote

Hi,
Im struggling to find a cross browser friendly way of rendering a table
( I
would love to avoid a html table, but I think it would be 500x more work
to
do this purely in CSS positioning), specifically replacing "cellpadding".
Here is my CSS:

table {
width:100%;
border: 0px;
font-size: 90%;
table-layout: auto;
border-spacing: 0;
border-collapse: collapse;
}

and now I would like to apply some sort of "cellpadding" effect.

Ive tried using "padding:10px;" but it has no effect.

I could just use the "cellpadding" attribute in the html tags, but I
wouldnt
be moving forward and learning anything important.
Any ideas??
Thanks so much!
Jacob

Well, your right (re: why bother) but after reading my eyes out on the w3C,
Im nervous I will write some "outdated" material in the code that would
break something later on....silly, I know, but since Im moving forward with
CSS nicely, I would like to try to keep content from display as much as
possible...

My code looks like this now:

table {
width:100%;
border: 0px;
font-size: 100%;
table-layout:auto;
border-spacing:0;
border-collapse:collapse;
border-padding: 5px;
}

No effect in any browser.....
Jacob



"Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote

Why bother? If the table works, use it. I beleive the style you are
seeking, however, is border-padding....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Jacob F." <jboyo (AT) yorku (DOT) ca> wrote in message
news:cc9gc5$ncc$1 (AT) forums (DOT) macromedia.com...
Hi,
Im struggling to find a cross browser friendly way of rendering a table
( I
would love to avoid a html table, but I think it would be 500x more work
to
do this purely in CSS positioning), specifically replacing
"cellpadding".
Here is my CSS:

table {
width:100%;
border: 0px;
font-size: 90%;
table-layout: auto;
border-spacing: 0;
border-collapse: collapse;
}

and now I would like to apply some sort of "cellpadding" effect.

Ive tried using "padding:10px;" but it has no effect.

I could just use the "cellpadding" attribute in the html tags, but I
wouldnt
be moving forward and learning anything important.
Any ideas??
Thanks so much!
Jacob

.oO(Jacob F.)

Im struggling to find a cross browser friendly way of rendering a table ( I
would love to avoid a html table, but I think it would be 500x more work to
do this purely in CSS positioning), specifically replacing "cellpadding".

What does the word "cellpadding" tell you?

It's a padding on cells, and that's how you do it in CSS: add the
padding to the cell-elements th and td.

Ive tried using "padding:10px;" but it has no effect.

td {padding: 10px}

Micha

Thanks.

"Michael Fesser" <netizen (AT) gmx (DOT) net> wrote

.oO(Jacob F.)

Im struggling to find a cross browser friendly way of rendering a table
( I
would love to avoid a html table, but I think it would be 500x more work
to
do this purely in CSS positioning), specifically replacing "cellpadding".

What does the word "cellpadding" tell you?

It's a padding on cells, and that's how you do it in CSS: add the
padding to the cell-elements th and td.

Ive tried using "padding:10px;" but it has no effect.

td {padding: 10px}

Micha