Jump to content


Photo
Open

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



  • Please log in to reply
9 replies to this topic

#1 ian123

ian123

    Member

  • Members
  • PipPip
  • 10 posts
  • Country: Country Flag

Posted 03 November 2012 - 09:29 AM

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.15...livery-network/ for the problem.

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

Thank you.

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 03 November 2012 - 09:49 PM

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...entyten-theme-1

And this will explain it further: http://www.yourwebsi...enty-ten-theme/

#3 ian123

ian123

    Member

  • Members
  • PipPip
  • 10 posts
  • Country: Country Flag

Posted 04 November 2012 - 03:20 AM

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

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16555 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 04 November 2012 - 12:30 PM

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.

#5 ian123

ian123

    Member

  • Members
  • PipPip
  • 10 posts
  • Country: Country Flag

Posted 04 November 2012 - 12:49 PM

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

#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 04 November 2012 - 01:05 PM

There's no screenshot attached to that posting.

#7 ian123

ian123

    Member

  • Members
  • PipPip
  • 10 posts
  • Country: Country Flag

Posted 04 November 2012 - 02:37 PM

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

#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 04 November 2012 - 06:39 PM

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.

#9 ian123

ian123

    Member

  • Members
  • PipPip
  • 10 posts
  • Country: Country Flag

Posted 05 November 2012 - 12:23 AM

HI,

Yes, but I still unable see any add attachment button in the post reply. However, you can see the issue at http://111.90.130.15...ivery-network/.

Can anyone please advise?

Thank You.

#10 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 05 November 2012 - 04:49 PM

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

That way, the text will align with the images.