Need help? Check out our Support site, then


help with table

  1. 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>
    <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.

  2. That's a lot of code for just a table.

  3. Yeah, looks like it was done in an HTML editor or something that creates complete HTML for a web page.

    All you really need is the table tags and what is in between them as follows:

    <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>
    <td>Yes</td>
    </tr>
    </table>
  4. Actually you can see it here: http://flippintestblog.wordpress.com/ .

    Before inserting the above code into a post or page, go to settings > writing and select "WordPress should correct invalidly nested XHTML automatically" and then click "save changes."

    Then go to the editor, select the HTML tab, paste in the above and then switch to the visual tab. WordPress will then correct the code (there aren't any major errors, just a couple syntax issues). After that, you can try and preview it, but on my test blog, the preview did not show the table correctly. It did show up correctly after I published it and then went to the blog to look at it.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags