Discussion on:

Why CSS styling is for tables too

If you use th elements for labels and reserved td elements for actual data, you eliminate the need for the "leftcol" and "data" classes. If you use thead and tbody elements , the need for the "toprow" class is removed.

consider gif ligic you paint a picture that includes a background and text then you put that in the page body WHAT SORT OF PROBLEMS WOULD THERE BE ? tutorials please ? lawrephord2@hotmail.com antopsys @ antique operating systems msn grps

If you apply the following, you can omit the cellspacing attibute on tables:

table.noSpace {border-collapse:collapse;}
table.noSpace tr td {margin:0px;}

I'm just starting to learn/play around with/etc... CSS.

From what I've read you could simplify rows 2 and below by using the "data" class selector at the tr level and overriding it at the td level only for the left column.

It seems to work Well in Mozilla 1.7.1; haven't tried it in other browsers.

Your Row 2:

January
123
234
357


New Row 2:

January
123
234
357


Martin

No need to apply classes to any tags anymore. See sample below, tables only need to be tags and actual content, absolutely no markup within the table necessary.

Simplify it even more, assign the table a class, apply CSS to the table tags in that class for row markup and then assign classes to the tag with widths, text-aligns, etc. for column markup.

Using this you can use different colored borders diagonally opposite and give the table a 3D float off the page look without it being gaudy or WPTS ugly like the old style non-css markup that couldn't use differential colors.

Reserve applying classes to tags to highlight a row.

Sample table below, the CSS is up to you, lots of combinations to choose from.














Part No.
PHOTO
Description
Quantity
Price



STEP M4
PHOTO
Step stool, 4 leg, foldable
23
$34.95



Ad Nauseum