Archived

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

  • 0

Resolved Unable To Display Table Border Line In Content Column

Question

Posted · Report post

Hi,

Anyone got any idea why when I create a table with border under pages, but the border will not display when I browse the website. Furthermore, I found the alignment of the table content also gone and it stretch to the full width.

Anyone face this problem before?

Thank You.

Share this post


Link to post
Share on other sites

8 answers to this question

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

HI,

Thanks for the suggestion, but I already added the CSS at html page, but it's still unable to display the table properly.

You can refer to the sample page at http://111.90.130.150/company-background/

Do you have any idea on it?

Thank You

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there, I don't think you're css is correct as it seems to be displaying at the top of your page.

You can use the following to add a border to the table


.hentry table td, #comments table td {

    border: 1px solid black;

    padding: 0.35em 0.6em;

    text-align: center;

}

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

Yes. It's working fine now.

Thanks alot!

Share this post


Link to post
Share on other sites

Posted · Report post

Hi There,

Can I know is it possible to have different table design on each page? Because once I added the CSS code in custom CSS, it will reflect it to all the content pages.

Thank You,

Share this post


Link to post
Share on other sites

Posted · Report post

Hi ian123

Yes, you can use


.page-id-XX .hentry table td, #comments table td

{ border: 1px solid black;

padding: 0.35em 0.6em;

text-align: center;}

If you also wish to know how I find the page ID, all you need to do is load up FireBug or Google Chromes web dev tool and inspect your page html, at the top you should see body which has a number of classes assigned to it, one of these is page-id-XX (replace XX with your pages id value. I have added a screenshot to assist you.

Captura%2520de%2520pantalla%25202012-10-27%2520a%2520las%252006.36.04.jpg

Share this post


Link to post
Share on other sites

Posted · Report post

Dear Batman,

Thanks alot. You're awesome.

Thank You

Share this post


Link to post
Share on other sites