Jump to content
Sign in to follow this  
ian123

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

Recommended Posts

ian123    0
ian123

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
Rob    547
Rob

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/


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
ian123    0
ian123

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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
ian123    0
ian123

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
Rob    547
Rob

There's no screenshot attached to that posting.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
ian123    0
ian123

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
catrina    103
catrina

I think the text in the columns need to be vertically aligned to the top using this CSS property: http://www.w3schools.com/cssref/pr_pos_vertical-align.asp

That way, the text will align with the images.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×