Wednesday, December 3, 2008

Table CSS for your Beautiful Table Design


You want to need css for your table, just take out below HTML and CSS then you can customize with your color scheme.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Untitled Document</title>
  </head>

<body>

  <style type="text/css">
  table.grid { font:11px arial, helvetica, sans-serif; border-collapse:collapse; border:1px solid #ccc; }
  table.grid td, table.grid th { padding:3px 8px; border:1px solid #ccc; }
  table.grid tr { background:#f2f2f2;}
  table.grid th { background:#ddd;}
  </style>

<table cellspacing="0" cellpadding="0" class="grid">

  <tr>
  <th>default</th>
  <th>my_theme_1</th>
  <th>my_theme_2</th>
  </tr>
  <tr>
  <td>All required files</td>
  <td>templates/3-col-layout.phtml</td>
  <td>templates/3-col-ayout.phtml</td>
  </tr>
  <tr>
  <td>All required files</td>
  <td>templates/header.phtml</td>
  <td>css/base.css</td>
  </tr>
  <tr>
  <td>All required files</td>
  <td>images/logo.gif </td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td>All required files</td>
  <td>css/base.css</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td>All required files</td>
  <td>css/boxes.css</td>
  <td>&nbsp;</td>
  </tr>
  </table>

</body>

  </html>


4 comments:

Slamy said...

It's look great,but i don't understand well
http://webx7.blogspot.com/

rosy said...

Thank you . To all participant, please have a look at our updated contest post.
Web development

Reynold Hugh said...

Keep the Both Thumbs Up!
CSS Templates HTML

amhash said...

Awesome information. I am really surprised with this topic. Keep up the good work and post more here to read. Custom Logo Design