Forum has moved to another host, some things may be broken or shaky for a little while
Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

Centering a table


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
 
Prev Previous Post   Next Post Next
  #1  
Old Sep 22, 2010, 03:13 PM
globalnerds's Avatar
globalnerds
 
43 posts · Nov 2009
Saratoga Springs, NY
Centering a table

I am using wordpress version 2.9.2 Atahualpa 3.5.3. I am trying to center a table within a post and for some reason it is not centering. Here is the url for this table (I have borders around the table for now, so it is easier to see): http://www.emcoconstruction.com/emco...venience-store

My main goal of using the table was to have the three images in one row, but centered across the page. If I chose to center each picture, they show up as one image per "line" and that image centered. So I went the route of putting the images into a table and centering the table. Here is the code for the table:

Code:
<table width="600" cellspacing="1" cellpadding="1" border="1" align="center">
    <tbody>
        <tr>
            <td>
            <a href="http://www.emcoconstruction.com/emco/wp-content/uploads/Jolly-2.jpg"><img width="150" height="150" class="alignleft size-thumbnail wp-image-117" title="Jolley Mart Convenience Store - Store Front" alt="Jolley Mart Convenience Store - Store Front" src="http://www.emcoconstruction.com/emco/wp-content/uploads/Jolly-2-150x150.jpg" /></a><a href="http://www.emcoconstruction.com/emco/wp-content/uploads/Jolly-3.jpg"><img width="150" height="150" class="alignleft size-thumbnail wp-image-118" title="Jolley Mart Convenience Store - Inside Store" alt="Jolley Mart Convenience Store - Inside Store" src="http://www.emcoconstruction.com/emco/wp-content/uploads/Jolly-3-150x150.jpg" /></a><a href="http://www.emcoconstruction.com/emco/wp-content/uploads/Jolly-4.jpg"><img width="150" height="150" class="alignleft size-thumbnail wp-image-119" title="Jolley Mart Convenience Store - Inside Store" alt="Jolley Mart Convenience Store - Inside Store" src="http://www.emcoconstruction.com/emco/wp-content/uploads/Jolly-4-150x150.jpg" /></a></p>
            </td>
        </tr>
    </tbody>
</table>
Using align="center" in the table command did not work (although it does in "regular" html). I then put the following around the table

Code:
<p align="center">
This also did not work.

I then added the following css code:

Code:
table.center td {
border:1px #fff;
background:#fff !important;
text-align:center;
}
then the following to the table piece of code
Code:
 class="center"
Anyone have any idea as to why the table isn't centering???
__________________
Gary GlobalNerds.com
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to Add Zebra Effect to Single Table with WP Table-Reloaded Plugin c12281 Plugins & Atahualpa 8 Aug 1, 2010 03:53 PM
[SOLVED] Table Format for a Single Table joan Center area post/pages 4 Jul 13, 2010 09:03 AM
centering page aveeshkumar Atahualpa 3 Wordpress theme 0 Feb 1, 2010 01:06 AM
centering tables cyberstar Atahualpa 3 Wordpress theme 5 Nov 30, 2009 05:54 AM
More centering billc108 Page & Category Menu Bars 2 Jul 27, 2009 05:40 PM


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


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