Posted By

dcoxdesigns on 09/19/12


Tagged

css table html


Versions (?)

Mid America Parts Description Table


 / Published in: HTML
 

table with image on one side, products info on the other.

includes some CSS from Tablizer that has been modified.

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

Report this snippet  

You need to login to post a comment.