8 replies to this topic

[ian123]

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.

[catrina]

The table border needs to be added with Custom CSS: http://www.pagelines...wiki/Custom_CSS

For reference to the border CSS property, please see: http://www.w3schools...f/pr_border.asp

[ian123]

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.15...any-background/

Do you have any idea on it?

Thank You

[James B]

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;
}

[ian123]

Hi,

Yes. It's working fine now.

Thanks alot!

[ian123]

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,

[batman]

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.

[ian123]

Dear Batman,

Thanks alot. You're awesome.

Thank You

[Danny]

The topic was marked as resolved.