Advanced Search

Mid America Parts Description Table

/ Published in: HTML
Save to your folder(s)
table with image on one side, products info on the other.

includes some CSS from Tablizer that has been modified.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <style type="text/css">
  2.     table.tableizer-table {border: 1px solid #CCC; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px;} .tableizer-table td {padding: 4px; margin: 3px; border: 1px solid #ccc;}
  3.     .tableizer-table th {background-color: #555; color: #FFF; font-weight: bold; padding: 4px 0 4px 0;}
  4. </style>
  5. <table class="tableizer-table">
  6.     <tbody>
  7.         <tr class="tableizer-firstrow">
  8.             <th align="center" colspan="2">4 INCH HOODED VENT FOR FIBER CEMENT</th>
  9.         </tr>
  10.         <tr>
  11.             <td>
  12.             <img alt="" src="/Images/midam/blocks/00037804.jpg" /> </td>
  13.             <td>
  14.             <table width="100%">
  15.                 <tbody>
  16.                     <tr>
  17.                         <td>Item# 00 03 7804***</td>
  18.                     </tr>
  19.                     <tr>
  20.                         <td>Packaged 4 per box</td>
  21.                     </tr>
  22.                     <tr>
  23.                         <td>Locking positions 7/16, 11/16, 15/16</td>
  24.                     </tr>
  25.                     <tr>
  26.                         <td>
  27.                         <ul>
  28.                             <li>Water is diverted through channels to the front face of the siding.</li>
  29.                             <li>Helps eliminate the retention of moisture in the home’s exterior.</li>
  30.                             <li>Helps protect against moisture that can damage the building materials
  31.                             and lead to an unhealthy living environment.</li>
  32.                         </ul>
  33.                         </td>
  34.                     </tr>
  35.                     <tr>
  36.                         <td>
  37.                         <strong>Colors:</strong><br />
  38.                         <br />
  39.                         <table border="1">
  40.                             <tbody>
  41.                                 <tr>
  42.                                     <td title="White" style="height: 50px; width: 50px; background-color: #f8f8f8;"> </td>
  43.                                     <td title="Paintable" style="height: 50px; width: 50px; background-color: #b0b4b3;"> </td>
  44.                                 </tr>
  45.                                 <tr align="center" style="font-family: verdana; font-size: 12px;">
  46.                                     <td>	001	</td>
  47.                                     <td>	030	</td>
  48.                                 </tr>
  49.                             </tbody>
  50.                         </table>
  51.                         </td>
  52.                     </tr>
  53.                 </tbody>
  54.             </table>
  55.             <span style="float: right; color: red;">***Indicates color numbers</span>
  56.             </td>
  57.         </tr>
  58.     </tbody>
  59. </table>
  60. <br />

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.