Good Afternoon,

I’m very much a beginner, so hang with me here… I am helping to design the website for our company and we have a header at the top of the page that is filled with anchors for our spectators to navigate through our page. However, the table completely falls apart whenever we try to scale it down to our mobile or tablet size.

The table is all built on percentages and I am unable to figure out why this is happening. Here is the code to the entire table, including the anchors:

<a name="top"></a>
<table class=" aligncenter" style="width: 74%; height: 30px;" cellpadding="0">
<tbody>
<tr>
<td style="width: 25%; text-align: left; vertical-align: bottom;" scope="row">
<h4>                  Web Commercial</h4>
</td>
<td style="width: 60%; text-align: right; vertical-align: middle;" scope="row"><span style="color: #808080;">         <a href="#cameras"><span style="color: #808080;">Cameras</span></a>    <a href="#directors"><span style="color: #808080;">Directors</span></a>     <a href="#branded"><span style="color: #808080;">Branded Content</span></a>     <a href="#mediadelivery"><span style="color: #808080;">Media Delivery</span></a>     <a href="#resolution"><span style="color: #808080;">Resolution</span></a>     <a href="#pricing"><span style="color: #808080;">Pricing</span></a></span></td>
<td style="width: 30%; text-align: left; vertical-align: bottom;" scope="row"><span style="color: #808080;">       <img class="alignnone wp-image-1604 size-full" src="http://visualicreative.com/wp-content/uploads/2014/06/Buy-Now-actual-size-2.png" alt="" width="65" height="33" /></span></td>
<td style="width: 100%;" scope="row"></td>
</tr>
</tbody>
</table>
<img class="aligncenter wp-image-1526" src="http://visualicreative.com/wp-content/uploads/2014/06/Line.jpg" alt="" width="920" height="1" />

Here is the website: http://visualicreative.com/products/advertising/web-commercial-html/

Here is a screenshot of what i’m talking about: https://flic.kr/p/nU3ita

Any help would be greatly appreciated as i’ve exhausted myself trying to fix this problem. Plugin suggestions that enable you to quickly create tables for formatting (create 2 or 3 different columns) purposes are warmly welcomed.

Much appreciated.

JE

Read more here: Responsive WordPress table problems


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.

Related Wordpress search:

, , ,

Wordpress related questions and answers: