Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   [SOLVED] centre table on page (http://forum.bytesforall.com/showthread.php?t=14997)

Moira Aug 2, 2011 03:27 PM

[SOLVED] centre table on page
 
Have tried every combination I can think of but can't seem to work out how to solve this simple problem - how do I centre a table on my page? :o

Using Atahualpa with WP table reloaded plug-in

lmilesw Aug 2, 2011 07:41 PM

The way I do it is to give the table a class or an ID and set a width and auto left and right margins.

Jam Aug 2, 2011 08:50 PM

I think Ive done it before, put it in a div, centered.

ie wrap the table within

<div style="text-align: center; >

<table>
</table>

</div>
Alignment of table cells will be controlled within the table. I think :)

Moira Aug 3, 2011 03:30 AM

Thanks Jam, but when I use the code you gave, my table disappears and my right sidebar appears nicely centered on my page!!:)

juggledad Aug 3, 2011 05:13 AM

what version of Atahualpa and WP?
What is the uRL?
Do you have all the patches for your version of Atahualpa applied? (New Versions & Updates)

Jam Aug 3, 2011 11:29 PM

Quote:

Originally Posted by Moira (Post 70197)
Thanks Jam, but when I use the code you gave, my table disappears and my right sidebar appears nicely centered on my page!!:)

:) you applied the div tags to your table via the html view of the page yes? Not to page template or php, just view the html view of the actual page you are placing the table, and put the table within the div tags. It should have no effect whatsoever on your sidebars :)

Moira Aug 5, 2011 04:57 AM

Hi Jam - yes that's what I did. Have just tried again with same outcome!

lmilesw - WP version 3.2.1, Atahualpa 3.6.7
url = http://yoga-newcastle-gateshead.info...ashtanga-yoga/

Thanks for your help guys!

juggledad Aug 5, 2011 05:38 AM

Where is the table on that page?

lmilesw Aug 5, 2011 03:34 PM

Try this in ATO>Add HTML/CSS Inserts>CSS Inserts
HTML Code:

#wp-table-reloaded-id-2-no-1 {
    margin: 0 auto;
}


Moira Aug 6, 2011 03:39 AM

Fantastic - that's done the trick! Thank you for your patience!:)


All times are GMT -6. The time now is 03:06 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.