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>


2 comments:

ebeze said...

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

Reynold Hugh said...

Keep the Both Thumbs Up!
CSS Templates HTML