HTML Table Within Table Edit / Insert

  • Unknown's avatar

    Hi I’m creating a table within a table (I think) at

    Cushions

    this works fine in word and in frontpage 2003. However as yo can see from the post the smaller image at the bottom right hand side of the master table drops down. I’ve tried changing the width but it seems to make no difference.

    I’m not an html expert but do understand the very basics

    1. does wp support table within table
    2. Is there a better generic editor that I can use for everything for this
    3. should i approach this a better way ie insert the whole table as an image (but how do i do that other than screen dumping and cropping the screen dump in paint shop pro

    <body>
    <table id=”table1″ class=”MsoTableGrid” style=”border-collapse:collapse;margin-left:-2.25pt;margin-right:-2.25pt;” border=”0″ cellspacing=”0″ cellpadding=”0″ align=”left”>
    <tbody>
    <tr style=”height:127.6pt;”>
    <td style=”width:10cm;height:127.6pt;padding:0;” rowspan=”3″ width=”378″ valign=”top”>
    <p class=”MsoNormal”><span style=”font-size:10pt;font-family:"color:gray;”><!–[if gte vml 1]>–></span></p>
    <p><!–[if !vml]–><img src=”http://www.kothea.com/images/24 verA – Cushions Main.jpg” border=”0″ alt=”” width=”378″ height=”378″ /><!–[endif]–></td>
    <td style=”width:17px;height:127.6pt;padding:0″ valign=”top”>
    <p class=”MsoNormal”><span style=”font-size:10pt;font-family:"color:gray;”> </span></p>
    </td>
    <td style=”width:191px;height:127.6pt;padding:0″ valign=”top”>
    <p class=”MsoNormal”><span style=”font-size:10pt;font-family:"color:gray;”><!–[if gte vml 1]>–></span></p>
    <p><!–[if !vml]–><img src=”http://www.kothea.com/images/25 verA – Cushions Top.jpg” border=”0″ alt=”” width=”170″ height=”170″ /><!–[endif]–></td>
    </tr>
    <tr style=”height:1cm;”>
    <td style=”width:17px;height:21px;padding:0″ valign=”top”>
    <p class=”MsoNormal”><span style=”font-size:10pt;font-family:"color:gray;”> </span></p>
    </td>
    <td style=”width:191px;height:21px;padding:0″ valign=”top”>
    <p class=”MsoNormal”><span style=”font-size:10pt;font-family:"color:gray;”> </span></p>
    </td>
    </tr>
    <tr style=”height:127.6pt;”>
    <td style=”width:17px;height:187px;padding:0″ valign=”top”>
    <p class=”MsoNormal”><span style=”font-size:10pt;font-family:"color:gray;”> </span></p>
    </td>
    <td style=”width:191px;height:187px;padding:0″ valign=”bottom”>
    <p class=”MsoNormal”><span style=”font-size:10pt;font-family:"color:gray;”><!–[if gte vml 1]>–></span></p>
    <p><!–[if !vml]–><img src=”http://www.kothea.com/images/25 verA – Cushions Bottom proxy.jpg” border=”0″ alt=”” width=”170″ height=”170″ /><!–[endif]–></td>
    </tr>
    </tbody>
    </table>
    <p class=”MsoNormal”><span style=”font-size:10pt;font-family:"color:gray;”> </span></p>
    <p class=”MsoNormal”><span style=”font-size:10pt;font-family:"color:gray;”> </span></p>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”><span style=”font-size:10pt;font-family:"color:gray;”> </span></p>
    <p class=”MsoNormal”>
     
    </p>
    <p class=”MsoNormal”> </p>
    <p class=”MsoNormal”> </p>
    <p class=”MsoNormal”> </p>
    <p class=”MsoNormal”> </p>
    <p class=”MsoNormal”> </p>
    <p class=”MsoNormal”> </p>
    <p class=”MsoNormal”><span style=”font-family:"color:gray;”>Designs</span><span style=”font-family:"color:gray;”>:
    KOTHEA fabric cushions</span></p>
    <p class=”MsoNormal”><span style=”font-family:"color:gray;”>Size</span><span style=”font-family:"color:gray;”>:
    45cm x 45cm 5-buttoned cushions (custom sizes available).</span></p>
    <p class=”MsoNormal”><span style=”font-family:"color:gray;”>Size</span><span style=”font-family:"color:gray;”>:
    60cm x 60cm plain with zip (custom sizes available).</span></p>
    <p class=”MsoNormal”><span style=”font-family:"color:gray;”>Notes</span><span style=”font-family:"color:gray;”>:
    Available in all KOTHEA fabrics. </span> </p>
    <p class=”MsoNormal”>
    <p class=”MsoNormal”>

    </body>

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    NEVER paste directly from Word:

    Why not to use Word

    If you want to prepare your posts outside the WP editor, use Windows Live Writer.

    All that code is a hideous piece of junk; your table need be nothing more than that:

    <table border="0">
    <tr><td rowspan="2" valign="top">
    LARGE_IMAGE_CODE
    </td><td valign="top">
    SMALL_IMAGE1_CODE
    </td></tr>
    <tr><td valign="bottom">
    SMALL_IMAGE2_CODE
    </td></tr>
    </table>

    (Following text normally, outside the table code; format it using the buttons of the post editor.)

  • Unknown's avatar

    That code is a mess! It’s really a bad idea to paste code from Word! It will cause no end of problems.
    http://download.live.com/writer
    There are offline editors. Live Writer for example.
    http://download.live.com/writer
    Below is a simple table to display your pictures:

    <table border="0" width="450" align="center">
    <tbody>
    <tr>
    <td style="text-align:center;" rowspan="3">IMAGE_!</td>
    </tr>
    <tr>
    <td style="text-align:center;">IMAGE_2</td>
    </tr>
    <tr>
    <td style="text-align:center;">IMAGE_3</td>
    </tr>
    </tbody></table>

    You can adjust the number for width of your table.

    Then just use the visual editor to write your text.

  • Unknown's avatar

    Oops, the first link should be:

    Why not to use Word

  • Unknown's avatar

    @panos,
    As always, your code is more elegant…

  • Unknown's avatar

    Thanks guys. A solution in sight!!

    Your code is lovely, I kinda even understand it…but I ain’t going there!

    I’m not a word fan per se. The thing is I have a lot of archived stuff that I want to get onto my blog and that is in word/frontpage 2003/pdf. So I can’t easily change that.

    If I paste it from my source into Live Write will it clear up the junk that frontpage added? And then cut and paste from there (or jiggle a bit and cut and paste)

  • Unknown's avatar

    You should have a look at some other offline editors, too: http://onecoolsite.wordpress.com/2007/10/26/offline-blog-editors-reviews/

    You can post directly to your blog with those which means there’s no copying and pasting necessary and the could *should* be cleaner, yes.

  • Unknown's avatar

    I have been messing about with tables for the past couple of days lol… Thanks for those codes panaghiotisadam and 1tess…

    Carole xxx

  • Unknown's avatar

    And then you look at your page through opera, ie, firefox and find they are all different to what the Wp editor shows…..very different. lol.

    I think it will have to be a simple, single image from paint shop and some text below. eesh it’s 2009 isnt it?

  • Unknown's avatar

    kothea
    Yes, of course: what you see online is very different from a graphics/layout/print-related version of what you want to make—in print, you have total control, but computer stuff (a technical term that????? ha :-)…)/is dynamic and viewed through different lenses (browsers). It took me a long time to understand that difference.
    And yes. The wordpress visual editor has its faults…
    Yes, tables will make the layout look the way you want, but there are problems with that…(a bit longer loading time)
    And yes, simple is good.
    best wishes to you.

  • Unknown's avatar

    fabulousatfifty,
    Exactly what do you want to accomplish?
    My code works, but as I said, panos’s code is more elegant. I’m sort of a beginner and he is brilliant! I was thinking sideways on the table.

  • The topic ‘HTML Table Within Table Edit / Insert’ is closed to new replies.