• Resolved stanjohn123

    (@stanjohn123)


    I have a responsive child theme on my website http://www.wheelnmotor.com

    There is a table with 3 columns , I have the following 3 problems. Somebody please help.

    1) I am unable to align the table to the center. It is aligned to the left.

    2) If you see inside the cells , the thumbnails also are aligned to the left. How do I move it to the center ?

    3) In the 3rd column I am unable to adjust the height of the thumbnail. It’s taller than the other 2 ?

    Here is my code as below.

    <table class="thumbnail alignleft" style="height: 40px; border-color: #677279; border-width: 10px; ; width: 50px; height: 30px;" border="10" frame="above" cellspacing="15" cellpadding="20" align="center"><caption><strong><span style="text-decoration: underline;"><span style="color: #130fef; text-decoration: underline;">Hot Articles</span></span></strong></caption>
    <tbody>
    <tr>
    
    <td style="text-align: middle;">
    
    [caption id="" align="alignleft" width="220"]<a href="http://forum.wheelnmotor.com/Thread-ARTICLE-How-to-prevent-a-Tire-Burst-Blowout"><img class=" " style="vertical-align: middle;" title="How to prevent a Tire Blowout" alt="" src="http://forum.wheelnmotor.com/attachment.php?aid=139" width="50" height="30" /></a> <a href="http://forum.wheelnmotor.com/Thread-ARTICLE-How-to-prevent-a-Tire-Burst-Blowout"> How to prevent a Tire Blowout</a>[/caption]</td>
    
    <td style="text-align: left;">
    
    [caption id="" align="alignleft" width="220"]<a href="http://forum.wheelnmotor.com/Thread-ARTICLE-How-to-handle-a-Tire-Burst-Blowout"><img title="Tire burst handle" alt="" src="http://forum.wheelnmotor.com/attachment.php?aid=138" width="50" height="30" /></a><a href="http://forum.wheelnmotor.com/Thread-ARTICLE-How-to-handle-a-Tire-Burst-Blowout">Handling a Tire Burst Situation</a>[/caption]</td>
    
    <td style="text-align: middle;">
    
    [caption id="" align="alignleft" width="220"]<a href="http://forum.wheelnmotor.com/Thread-Your-Car-Battery-DO-s-and-DONT-s?pid=11#pid11"><img class=" " style="vertical-align: middle;" title="Car Battery Do's and Dont's" alt="" src="http://forum.wheelnmotor.com/attachment.php?aid=89" width="40" height="20" /></a> <a href="http://forum.wheelnmotor.com/Thread-Your-Car-Battery-DO-s-and-DONT-s?pid=11#pid11"> Car Battery Do's and Dont's</a>[/caption]</td>
    </tr>
    </tbody>
    </table>
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to center my table and it's contents on front page content area’ is closed to new replies.