I have made a table with the following code looks good when I put it in note pad and open but like garbage in wordpress. Can anyone tell me why??
here is the perma link: http://winemakingbottles.wordpress.com/2010/06/09/making-agave-wine/
<html>
<head>
<style type="text/css">
caption {
text-align:left;
text-transform:capitalize;
font-size:1.5em;
font-weight:bold
}
#customers,#customers.alt
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:20%;
border-collapse:collapse;
}
#customers th, #customers td ,#customers.alt th, #customers.alt td
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
text-align:center;
}
#customers th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#EAF2D3;
text-align:center;
}
#customers.alt th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#EAF2D3;
text-align:left;
}
}
#customers, #customers.alt
{
color:#000000;
background-color:#EAF2D3;
}
</style>
</head>
<body>
<table id="customers">
<caption> Technical Stuff: </caption>
<tr>
<th style="text-align:center">Primary Vessel</th>
<th>Sweetener type</th>
<th>Sweetener Amount</th>
<th>Yeast</th>
</tr>
<tr>
<td>1 Gallon Glass</td>
<td style="text-align:left">Madhava Agave light</td>
<td>70.5 oz</td>
<td style="white-space:nowrap">Lavin EC-1119</td>
</tr>
</table>
</br>
<table id="customers">
<tr>
<th>Nutrient used</th>
<th>Nutrient Ingreadeants</th>
<th>Starter</th>
</tr>
<tr>
<td>Yes</td>
<td style="white-space:nowrap;text-align:left">
- Tea Bag
- 2 Small limes
- 24 pc dried fruit
<td>Yes</td>
</tr>
</table>
</br>
<body>
<table id="customers", class="alt">
<caption> Conditions: </caption>
<tr>
<th>Starting Gravity</th>
<td>1.16</td>
</tr>
<tr>
<th>Tempature</th>
<td>71 F</td>
</tr>
</table>
</body>
</html>
The blog I need help with is winemakingbottles.wordpress.com.
arifsali
