Add a table using HTML editor

  • Unknown's avatar
    ppminfoblog · Member ·

    I am trying to add a table using HTML as you do not have a table tool in wordpress.

    I just need a table to align some text in two columns, so i do not need the boarders of the table. when you view the page in your editor the lines do not appear, when i view the HTML in an HTML editor the lines do not appear, But when i use the preview the lines of the table always show up ?

    How do i stop this from showing up on my page ?

    And i have tried aligning the text in the actual page by using the basic formatting that you have in the editor ( using spaces as there is no way to tab across ) and it looks terrible in the editor but kind of works on the actual page. I don’t think this is the best way to do this but it works while i try to work out a better way to do this.

    Any help would be appreciated.

    Thanks
    Paul

    PS. i have screen shots if you like to show what i mean , for both the HTML and the actual page.

    PPS. Here is the HTML code if that helps.

    <table style=’border-collapse: collapse; border-spacing: 0; border: none;’>
    <tbody>
    <tr>
    <th style=’font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal;’></th>
    <th style=’font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’></th>
    <th style=’font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’></th>
    </tr>
    <tr>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’>Sydney
    ASN Building
    1 Hickson Road
    The Rocks NSW 2000</td>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’></td>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’>Melbourne
    Level 5
    412 Collins Street
    Melbourne VIC 3000</td>
    </tr>
    <tr>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’>T: +61 2 9241 7328
    E: (email visible only to moderators and staff)</td>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’></td>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’>T: +61 3 8610 8000
    E: (email visible only to moderators and staff)</td>
    </tr>
    <tr>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’></td>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’></td>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’></td>
    </tr>
    <tr>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’>Perth
    Level 3
    111 St Georges Terrace
    Perth WA 6000</td>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’></td>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’>Brisbane
    Riverside Centre
    Level 35, 123 Eagle Street
    Brisbane QLD 4000</td>
    </tr>
    <tr>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’>T: +61 8 6212 3500
    E: (email visible only to moderators and staff)</td>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’></td>
    <td style=’font-family: Arial, sans-serif; font-size: 14px; padding: 10px 5px; border-style: solid; border-width: 0px; overflow: hidden; word-break: normal; vertical-align: top;’>T: +61 7 3229 7035
    E: (email visible only to moderators and staff)</td>
    </tr>
    </tbody>
    </table>

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

  • Unknown's avatar
    ppminfoblog · Member ·

    i worked it out, still a table tool would be a good addition to work press, seeing how it is 2017 and all, i can’t understand why they haven’t added one yet

  • The topic ‘Add a table using HTML editor’ is closed to new replies.