I need help with tables

Discussion in 'Compass WordPress Theme' started by drkmbrown, Jul 17, 2014.

  1. drkmbrown

    drkmbrown Member

    Joined:
    Jul 2, 2013
    Messages:
    52
    Likes Received:
    0
    I am having trouble figuring out how to 1. fix column width, and 2. remove all lines from the following tables (html)

    <a href="http://www.drkwamebrown.com/wp-content/uploads/2014/02/Cooperation-Tab.jpg"><img class="alignleft wp-image-319" style="border: 0px none; margin: 0px;" src="http://www.drkwamebrown.com/wp-content/uploads/2014/02/Cooperation-Tab-300x64.jpg" alt="Cooperation Tab" width="240" height="51" /></a>
    <table border="0" width="500" cellspacing="0" cellpadding="0" align="center">
    <tbody>
    <tr>
    <td style="border: none;" valign="top">

    <hr size="1" />

    </td>
    </tr>
    <tr>
    <td valign="top"><a href="http://www.drkwamebrown.com/wp-content/uploads/2014/06/Paper-Plane-Catch.pdf" target="_blank"><img class="alignnone size-full wp-image-105" title="Paper Plane" src="http://www.drkwamebrown.com/wp-content/uploads/2014/06/Paper-Plane-Catch-tear.png" alt="Plane" width="116" height="150" /></a></td>
    <td valign="top">
    <h3><a href="http://www.drkwamebrown.com/wp-content/uploads/2014/06/Paper-Plane-Catch.pdf" target="_blank"><strong>Paper Plane Catch</strong></a></h3>
    I came up with this FUNction Original while playing with my wife and daughter one morning. A plane got stuck in a tree, and you all got a new game. The sacrifice...LOL</td>
    </tr>
    <tr>
    <td colspan="2" valign="top">

    <hr size="1" />

    </td>
    </tr>
    </tbody>
    </table>
    <table border="0" width="500" cellspacing="0" cellpadding="0" align="center">
    <tbody>
    <tr>
    <td style="border: none;" valign="top">

    <hr size="1" />

    </td>
    </tr>
    <tr>
    <td valign="top"><a href="http://www.drkwamebrown.com/wp-content/uploads/2014/05/Push-Meee.pdf" target="_blank"><img class="alignnone size-full wp-image-105" title="Wakeboarding" src="http://www.drkwamebrown.com/wp-content/uploads/2014/05/Push...Meee-tear.png" alt="Push" width="116" height="150" /></a></td>
    <td valign="top">
    <h3><a href="http://www.drkwamebrown.com/wp-content/uploads/2014/05/Push-Meee.pdf" target="_blank"><strong>Push...Meee</strong></a></h3>
    Play this game that my 2 year old daughter taught me! Great for any age that has basic standing balance ability!</td>
    </tr>
    <tr>
    <td colspan="2" valign="top">

    <hr size="1" />

    </td>
    </tr>
    </tbody>
    </table>
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Go to the Pages > Add New panel in your dashboard and paste the code given below in the text editor.

    Code:
    <a href="http://www.drkwamebrown.com/wp-content/uploads/2014/02/Cooperation-Tab.jpg"><img class="alignleft wp-image-319" style="border: 0px none; margin: 0px;" alt="Cooperation Tab" src="http://www.drkwamebrown.com/wp-content/uploads/2014/02/Cooperation-Tab-300x64.jpg" width="240" height="51" /></a><br></br>
    <table width="500" border="0" cellspacing="0" cellpadding="0" align="center">
    <tbody>
    <tr>
    <td style="border: none;" valign="top">
     
    <hr size="1" />
     
    </td>
    </tr>
    <tr>
    <td valign="top"><a href="http://www.drkwamebrown.com/wp-content/uploads/2014/06/Paper-Plane-Catch.pdf" target="_blank"><img class="alignnone size-full wp-image-105" title="Paper Plane" alt="Plane" src="http://www.drkwamebrown.com/wp-content/uploads/2014/06/Paper-Plane-Catch-tear.png" width="116" height="150" /></a></td>
    <td valign="top">
    <h3><a href="http://www.drkwamebrown.com/wp-content/uploads/2014/06/Paper-Plane-Catch.pdf" target="_blank"><strong>Paper Plane Catch</strong></a></h3>
    I came up with this FUNction Original while playing with my wife and daughter one morning. A plane got stuck in a tree, and you all got a new game. The sacrifice...LOL</td>
    </tr>
    <tr>
    <td colspan="2" valign="top">
     
    <hr size="1" />
     
    </td>
    </tr>
    </tbody>
    </table>
    <table width="500" border="0" cellspacing="0" cellpadding="0" align="center">
    <tbody>
    <tr>
    <td style="border: none;" valign="top">
     
    <hr size="1" />
     
    </td>
    </tr>
    <tr>
    <td valign="top"><a href="http://www.drkwamebrown.com/wp-content/uploads/2014/05/Push-Meee.pdf" target="_blank"><img class="alignnone size-full wp-image-105" title="Wakeboarding" alt="Push" src="http://www.drkwamebrown.com/wp-content/uploads/2014/05/Push...Meee-tear.png" width="116" height="150" /></a></td>
    <td valign="top">
    <h3><a href="http://www.drkwamebrown.com/wp-content/uploads/2014/05/Push-Meee.pdf" target="_blank"><strong>Push...Meee</strong></a></h3>
    Play this game that my 2 year old daughter taught me! Great for any age that has basic standing balance ability!</td>
    </tr>
    <tr>
    <td colspan="2" valign="top">
     
    <hr size="1" />
     
    </td>
    </tr>
    </tbody>
    </table> 
    Now,
    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    td, th {
    border: none ! important;
    }
    hr {
    display: none;
    } 
    This will solve your issue.
     
  3. drkmbrown

    drkmbrown Member

    Joined:
    Jul 2, 2013
    Messages:
    52
    Likes Received:
    0
    I am not clear on the panels thing. That was just one snippet from the html from a page, which I need to add to on a regular basis. Is your instruction to add the entire html from each page to panels each time i update?
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  5. drkmbrown

    drkmbrown Member

    Joined:
    Jul 2, 2013
    Messages:
    52
    Likes Received:
    0
    That just shows me how to add a new page. I already know how to do that. I am asking you - given the html code that I posted above - what html code can I insert, and where, to make my left column a fixed width.
     
  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Just go to that page on which you have pasted your html code and then replace your code with the code provided by me in the above post.
     
  7. drkmbrown

    drkmbrown Member

    Joined:
    Jul 2, 2013
    Messages:
    52
    Likes Received:
    0
    Piyush that did not make the left column in the table the same width. What happens, is that I have a picture in the left column, and text in the right column. The more text there is in the right column, this decreased the size of the picture in the left column. Here is a screen capture:
     

    Attached Files:

  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Could you please share us the link of that page on which you have added the table and specify your issue with the help of screenshot images that what do you want to achieve.
     
  9. drkmbrown

    drkmbrown Member

    Joined:
    Jul 2, 2013
    Messages:
    52
    Likes Received:
    0
    My site is a membership site and this is a protected page. I can share screenshot images (I already did above), or give you temporary access. You can see what I am talking about in the screenshot image above. Do you see how the game icons are different sizes because of the different amounts of text in the right column of the table? I am just asking how to make each of those images stay the same size, no matter the amount of text.
     
  10. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160

Share This Page