Getting rid of tables

Have some time so want to take it to convert some things from tables to CSS, but not really sure how to do it correctly.

haven't found a good tutorial for doing this, if you have one please point me to it. What i gathered from a few places was using the dl,dd,dt stuff, but that just seem off for this. i have done that way with doing margins and positioning and also played with doing it with divs playing with the same stuff, but just seemed like a lot more work then i needed to be doing.

this is a sample of my current table

Code:

<table border="0" cellspacing="0" bgcolor="#CCCCCC" cellpadding="0">
<tr>
  <td bgcolor="#FFCC00" WIDTH="100"><b>ColA</b></td>
  <td bgcolor="#FFCC00" WIDTH="200"><b>ColB</b></td>
  <td bgcolor="#FFCC00" WIDTH="50"><b>ColB</b></td>

</tr>
<tr style="background-color:#CCCCCC;"
  onMouseOver="this.className='highlight'" onMouseOut="this.className='normal'">
  <td>Row A</td>
  <td>XXX</td>
  <td>XXX</td>
</tr>

[Free WordPress Themes]

if you have table data use tables and style them with CSS.

don't use table for design (positioning etc)

yeah, i have stayed very far from table for design. It was hard but starting from scratch and doing psd to css/html it really helped with that and it's a lot easier then tables.

I thought that even fro data tables were still a bad idea, i guess i stand corrected and i will leave it the way it is hehe

[Free WordPress Themes]

again table are not evil

just try to use only the basic table elements,

table, tr, td (for the startt)

don't use

<tr style="background-color:#CCCCCC;"
  onMouseOver="this.className='highlight'" onMouseOut="this.className='normal'">

or other td attributes, to create a hover effect just change the background color inside the css

[Just Visit...]

listen to Olaf... start practicing layout with css and tables, well for tabular data...

oh yes, when Olaf speaks i very much listen hehe

and the td effects thing was a while back. Just updating the site and already planned on changing the way that is done if i even leave it in since it's really not needed

[Guest]

[44.173]

Googlebot, Yahoo crawler, lassgee, Msnbot, Baidu Spider