Picture Unable To Display At The Same Level Of Text In Table
Posted 03 November 2012 - 09:29 AM
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://18.104.22.168...livery-network/ for the problem.
Anyone facing this problem before and know how to solve it?
Posted 03 November 2012 - 09:49 PM
<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...entyten-theme-1
And this will explain it further: http://www.yourwebsi...enty-ten-theme/
Posted 04 November 2012 - 03:20 AM
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?
Posted 04 November 2012 - 12:30 PM
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.
Posted 04 November 2012 - 12:49 PM
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.
Posted 04 November 2012 - 02:37 PM
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://22.214.171.124...livery-network/ to view the table there. The site is accessible now.
Your help is much appreciated.
Posted 04 November 2012 - 06:39 PM