Return to Snippet

Revision: 59585
at September 19, 2012 21:59 by dcoxdesigns


Updated Code
<style type="text/css">
    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;}
    .tableizer-table th {background-color: #555; color: #FFF; font-weight: bold; padding: 4px 0 4px 0;}
</style>
<table class="tableizer-table">
    <tbody>
        <tr class="tableizer-firstrow">
            <th align="center" colspan="2">4 INCH HOODED VENT FOR FIBER CEMENT</th>
        </tr>
        <tr>
            <td>
            <img alt="" src="/Images/midam/blocks/00037804.jpg" /> </td>
            <td>
            <table width="100%">
                <tbody>
                    <tr>
                        <td>Item# 00 03 7804***</td>
                    </tr>
                    <tr>
                        <td>Packaged 4 per box</td>
                    </tr>
                    <tr>
                        <td>Locking positions 7/16, 11/16, 15/16</td>
                    </tr>
                    <tr>
                        <td>
                        <ul>
                            <li>Water is diverted through channels to the front face of the siding.</li>
                            <li>Helps eliminate the retention of moisture in the home’s exterior.</li>
                            <li>Helps protect against moisture that can damage the building materials
                            and lead to an unhealthy living environment.</li>
                        </ul>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        <strong>Colors:</strong><br />
                        <br />
                        <table border="1">
                            <tbody>
                                <tr>
                                    <td title="White" style="height: 50px; width: 50px; background-color: #f8f8f8;"> </td>
                                    <td title="Paintable" style="height: 50px; width: 50px; background-color: #b0b4b3;"> </td>
                                </tr>
                                <tr align="center" style="font-family: verdana; font-size: 12px;">
                                    <td>	001	</td>
                                    <td>	030	</td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            <span style="float: right; color: red;">***Indicates color numbers</span>
            </td>
        </tr>
    </tbody>
</table>
<br />

Revision: 59584
at September 19, 2012 04:21 by dcoxdesigns


Updated Code
<style type="text/css">
    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;}
    .tableizer-table th {background-color: #555; color: #FFF; font-weight: bold; padding: 4px 0 4px 0;}
</style>
<table class="tableizer-table">
    <tbody>
        <tr class="tableizer-firstrow">
            <th align="center" colspan="2">4 INCH HOODED VENT FOR FIBER CEMENT</th>
        </tr>
        <tr>
            <td>
            <img alt="" src="/Images/midam/blocks/00037804.jpg" /> </td>
            <td>
            <table width="100%">
                <tbody>
                    <tr>
                        <td>Item# 00 03 7804***</td>
                    </tr>
                    <tr>
                        <td>Packaged 4 per box</td>
                    </tr>
                     <tr>
                        <td>Locking positions .625", 1.00", 1.25"</td>
                    </tr>
                    <tr>
                        <td>
                        <ul>
                            <li>Water is diverted through channels to the front face of the siding.</li>
                            <li>Helps eliminate the retention of moisture in the home�s exterior.</li>
                            <li>Helps protect against moisture that can damage the building materials
                            and lead to an unhealthy living environment.</li>
                        </ul>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        <strong>Colors:</strong><br />
                        <br />
                        <table border="1">
                            <tbody>
                                <tr>
                                    <td title="White" style="height: 50px; width: 50px; background-color: #f8f8f8;"> </td>
                                    <td title="Paintable" style="height: 50px; width: 50px; background-color: #b0b4b3;"> </td>
                                </tr>
                                <tr align="center" style="font-family: verdana; font-size: 12px;">
                                    <td>	001	</td>
                                    <td>	030	</td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            <span style="float: right; color: red;">***Indicates color numbers</span>
            </td>
        </tr>
    </tbody>
</table>
<br />

Revision: 59583
at September 19, 2012 03:49 by dcoxdesigns


Updated Code
<style type="text/css">
    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;}
    .tableizer-table th {background-color: #555; color: #FFF; font-weight: bold; padding: 4px 0 4px 0;}
</style>
<table class="tableizer-table">
    <tbody>
        <tr class="tableizer-firstrow">
            <th align="center" colspan="2">4 INCH HOODED VENT FOR FIBER CEMENT</th>
        </tr>
        <tr>
            <td>
            <img alt="" src="/Images/midam/blocks/00037804.jpg" /> </td>
            <td>
            <table width="100%">
                <tbody>
                    <tr>
                        <td>Item# 00 03 7804***</td>
                    </tr>
                    <tr>
                        <td>Packaged 4 per box</td>
                    </tr>
                    <tr>
                        <td>
                        <ul>
                            <li>Water is diverted through channels to the front face of the siding.</li>
                            <li>Helps eliminate the retention of moisture in the home’s exterior.</li>
                            <li>Helps protect against moisture that can damage the building materials
                            and lead to an unhealthy living environment.</li>
                        </ul>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        <strong>Colors:</strong><br />
                        <br />
                        <table border="1">
                            <tbody>
                                <tr>
                                    <td title="White" style="height: 50px; width: 50px; background-color: #f8f8f8;"> </td>
                                    <td title="Paintable" style="height: 50px; width: 50px; background-color: #b0b4b3;"> </td>
                                </tr>
                                <tr align="center" style="font-family: verdana; font-size: 12px;">
                                    <td>	001	</td>
                                    <td>	030	</td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            <span style="float: right; color: red;">***Indicates color numbers</span>
            </td>
        </tr>
    </tbody>
</table>
<br />

Revision: 59582
at September 19, 2012 03:42 by dcoxdesigns


Updated Code
<style type="text/css">
    table.tableizer-table {border: 1px solid #CCC; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px; min-width:900px;} .tableizer-table td {padding: 4px; margin: 3px; border: 1px solid #ccc;}
    .tableizer-table th {background-color: #555; color: #FFF; font-weight: bold; padding: 4px 0 4px 0;}
</style>
<table class="tableizer-table">
    <tbody>
        <tr class="tableizer-firstrow">
            <th align="center" colspan="2">4 INCH HOODED VENT FOR FIBER CEMENT</th>
        </tr>
        <tr>
            <td>
            </td>
            <td>
            <table width="100%">
                <tbody>
                    <tr>
                        <td>Item# 00 98 0707***</td>
                    </tr>
                    <tr>
                        <td>Packaged 1 per box</td>
                    </tr>
                    
                    <tr>
                        <td>
                        <ul>
                            <li>Optional small animal gaurd for 4" Hooded Vent.</li>
                            <li>Not for Dryer Vent.</li>
                        </ul>
                        </td>
                    </tr>
					<tr>
                        <td>
							<strong>Colors:</strong><br />
<br />
							<table width="100%">
								<tbody>
									<tr>
										<td>
										<table width="200px" height="75" border="1">
											<tbody>
												<tr>
													<td title="White" style="height: 50px; width: 50px; background-color: #f8f8f8;"> <br />
													</td>
													<td title="Black" style="height: 50px; width: 50px; background-color: #2c2b29; text-align: left; vertical-align: top;"> <br />
													</td>
													<td title="Wicker" style="height: 50px; width: 50px; background-color: #c4b19e;"> <br />
													</td>
													<td title="Paintable" style="height: 50px; width: 50px; background-color: #b0b4b3;"> <br />
													</td>
												</tr>
												<tr align="center" style="font-family: verdana; font-size: 12px;">
													<td>	001	</td>
													<td>	002	</td>
													<td>	023	</td>
													<td>	030	</td>
												</tr>
											</tbody>
										</table>
									  
										
										</td>
									</tr>
								</tbody>
							</table>

						</td>
                    </tr>
                </tbody>
            </table>
			<span style="float:right; color:red;">***Indicates color numbers</span>
            </td>
        </tr>
    </tbody>
</table>
<br/>

Revision: 59581
at September 19, 2012 00:21 by dcoxdesigns


Initial Code
<style type="text/css">
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;}
.tableizer-table th {background-color: #555; color: #FFF; font-weight: bold; padding: 4px 0 4px 0;}
</style>

<table class="tableizer-table">
<tr class="tableizer-firstrow" ><th  colspan="2">MASTER&reg; INTAKE / EXHAUST VENT</th></tr> 
<tr>
	<td>
	
	
    </td>
	<td >
		
		<table width="400">
			<tr><td>Item# 00 03 0807 ***</td></tr> 
			<tr><td>Packaged One per box</td></tr>
			<tr><td>Locking positions .625", 1.00", 1.25"</td></tr> 
			<tr><td>
			<ul>
				<li>Full fiberglass screening.</li>
					<li>(Not for use as a dryer or furnace vent.)</li>
					<li>Snap-In Modular Vent Tube adjusts from 1-1/2" to 8" and comes with 4"-3" reducer.</li>
					<li>12 sq. in. net free ventilation area</li>
			</ul>
			</td></tr>
		</table>
	</td>
	
</tr>


</table>

Initial URL

                                

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

includes some CSS from Tablizer that has been modified.

Initial Title
Mid America Parts Description Table

Initial Tags
css, table, html

Initial Language
HTML