Archived

This topic is now archived and is closed to further replies.

  • 0

Picture Unable To Display At The Same Level Of Text In Table

Question

Posted · Report post

Hello,

I created a 2 rows table and put text on the first row while picture on the second row. However, the result come out is air level of text is below the picture. You can see http://111.90.130.150/content-delivery-network/ for the problem.

Anyone facing this problem before and know how to solve it?

Thank you.

Share this post


Link to post
Share on other sites

9 answers to this question

Posted · Report post

Hi,

Thanks for the response.

However, I believe there has nothing wrong on the wordpress for this case, because I tried to remove all the code from style.css in pagelines and the tables looks fine.

Maybe there is some img css has been configured in pagelines style.css and cause this issue.

Do you heard of it before or any idea?

Thank You

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

Your website doesn't appear to load for me. Therefore, can you provide your table code here - http://paste.pagelines.com/ Then copy the link to the paste in your reply.

Also, can you provide screenshots seeing as I am unable to view your site please.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Danny,

Just now there has some issue on my upstream provider to cause the site inaccessible. Now it's fine. However, kindly refer the screenshot below:

You can see the picture is on the top but it should be on the same level of the text.

Thank You

Share this post


Link to post
Share on other sites

Posted · Report post

There's no screenshot attached to that posting.

Share this post


Link to post
Share on other sites

Posted · Report post

HI,

I found no where for me to add the attachment from the reply post.I try paste the screen below but when I click reply, the screenshot does not appear as usual:

However, now you might be able to access to http://111.90.130.15...livery-network/ to view the table there. The site is accessible now.

Your help is much appreciated.

Thank you

Share this post


Link to post
Share on other sites

Posted · Report post

When you reply, on the bottom, right of the edit field, you'll see two buttons. One is "Post" and the other "More Reply Options". Click More Reply Options and there will be a place to upload files.

Share this post


Link to post
Share on other sites

Posted · Report post

Tables have traditionally been a problem in WordPress, requiring special coding of the table and styling. For example, In a page I created some months ago, I had to use inline styling as seen here:


<table style="border: 0px; border-style: solid; border-color: #afb7dd; width: 100%; border-collapse: collapse; padding: 2px;">

<tbody>

<tr>

<td style="text-align: left; vertical-align: top;"> content....

</td>

</tr>

</tbody>

</table>

Additionally, you must use the <tbody> tag (as shown above).

WordPress, somewhere in its extensive code, has special treatment for tables, causing mysterious padding and margins, resulting in space between table cells.

Further, you'll find that the vertical alignment of cell content is often askew unless you set the alignment with CSS (as shown above).

See this: http://wordpress.org/support/topic/problem-with-table-alignment-in-posts-for-twentyten-theme-1

And this will explain it further: http://www.yourwebsitesinwordpress.com/fix-table-alignment-issues-wordpress-twenty-ten-theme/

Share this post


Link to post
Share on other sites