WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I want to build a table based layout.

In the editor all look right: enter image description here

But after saving, the page look like this:

enter image description here

Can someone help?


The Theme is Pagelines framework

And here the code =

<table style="width: 594px;" border="0">
<tr align="center" valign="middle">
<td height="112">
<div align="center"><img src="http://www.korallen-schmuck.de/wp-content/uploads/2012/09/Bild02x110.png" alt="" width="83" height="110" /></div></td>
<td style="width: 600px; height: 112px;" rowspan="4"><a href="http://www.korallen-schmuck.de/wp-content/uploads/2012/09/Bild15x440.png"><img class="alignnone size-full wp-image-69" title="Bild15x440" src="http://www.korallen-schmuck.de/wp-content/uploads/2012/09/Bild15x440.png" alt="" width="440" height="393" /></a></td>
<tr align="center" valign="middle">
<td height="112">
<div align="center"><img src="http://www.korallen-schmuck.de/wp-content/uploads/2012/09/Bild04x110.png" alt="" width="44" height="110" /></div></td>
<tr align="center" valign="middle">
<td height="112">
<div align="center"><img src="http://www.korallen-schmuck.de/wp-content/uploads/2012/09/Bild14x110.png" alt="" width="87" height="110" /></div></td>
<tr align="center" valign="middle">
<td height="112">
<div align="center"><img src="http://www.korallen-schmuck.de/wp-content/uploads/2012/09/Bild17x110.png" alt="" width="112" height="110" /></div></td>
share|improve this question

migrated from stackoverflow.com Sep 25 '12 at 18:37

This question came from our site for professional and enthusiast programmers.

Oh WYSIWYG, you always fail to fulfill the promise. – Matt Ball Sep 25 '12 at 15:16
hmm I would have said this is actually a CSS issue not a Wordpress issue. Something in your themes CSS is interrupting the table layout possibly float clearing or image margins – Tom J Nowell Sep 25 '12 at 19:12
Without seeing the code answers are impossible. Please edit your question. – toscho Sep 25 '12 at 19:29

The displacement could be result of the theme you are using. You will have to check what is the width of your content area and compare it to the table overall width (main image + side images + padding inside the cells + padding between the cells + borders, if you are using any). You should also consider any padding of the content area in the theme.

The easies way to avoid going through all of the above is to start testing different sizes of your main image.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.