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 »

Table will not center in Page


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

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 28, 2011, 04:14 AM
bluesboy
 
7 posts · Feb 2011
Table will not center in Page

I know this has been posted several times in the forum and I've tried every suggestion offered but still I'm unable to center a table in a page. I've tried every suggestion in the forum and outside the forum - HTML, HTML plus CSS, wrapping table in a div plus CSS etc. Still the table sticks like glue to the left. Can anyone help me to solve this? I'm using Atahualpa 3.6.1, Classic theme edited. URL: http://www.webspotdesign.co.uk/?page_id=8
  #2  
Old Feb 28, 2011, 05:14 AM
bluesboy
 
7 posts · Feb 2011
Just fixed it. Couldn't get div id and css to work but by simply putting <div align="center"> as a single line of code above the table and the closing </div> at the bottom, it works (only testing in Firefox). Bizarre. Not sure what's going on here, I think Atahualpa must over-ride or ignore some css code - even it's own inserts which are supposed to over-ride the built-in css?
  #3  
Old Feb 28, 2011, 07:57 AM
juggledad's Avatar
juggledad
 
22,043 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Atahualpa just builds the page, the browser applies the CSS

Why are you using a <th> for one of the images in each row instead of a <td>?
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #4  
Old Feb 28, 2011, 08:06 AM
bluesboy
 
7 posts · Feb 2011
Thanks for responding so quickly. Appreciate it. I made an empty table in Dreamweaver and copied and pasted the html - so Dreamweaver must have put it in. Will it cause problems?
  #5  
Old Feb 28, 2011, 08:56 AM
juggledad's Avatar
juggledad
 
22,043 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
a <th>defines a header cell and you are using it as a data cell. Who knows what it might do eventually. You need to be careful using something like DreamWeaver to create something and then just dropping it in to a pose. You should see what happens if you just do a copy/paste from a styled Word document - disaster

also if you have
HTML Code:
<div align="center">
that doesn't equate to a CSS 'text-align:center' you need to use 'margin-left:auto; margin-right:auto'.

one other thing, if I click on one of the design's I get a small image. you should set it up so I can see a large version of the image, after all, if I'm looking at one of your designs, I actually want to be able to see it.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #6  
Old Feb 28, 2011, 09:26 AM
bluesboy
 
7 posts · Feb 2011
"you need to use 'margin-left:auto; margin-right:auto'."

Yes I tried that, it doesn't work. Neither does:

<table style="width: XXXpx; margin: 0 auto;">

Just tried again with:

html:

<div id="table1">
....my table here...
</div>

css insert:

#table1 {
margin-left: auto;
margin-right: auto;
}

Didn't work. Can you see anything wrong here?

Firebug not reading css on this site (not on my mac anyway).
  #7  
Old Mar 4, 2011, 12:00 PM
SLIweb
 
6 posts · Feb 2011
Philadelphia MSA
Send a message via ICQ to SLIweb Send a message via Skype™ to SLIweb
Quote:
Originally Posted by juggledad
a <th>defines a header cell and you are using it as a data cell. Who knows what it might do eventually. You need to be careful using something like DreamWeaver to create something and then just dropping it in to a pose. You should see what happens if you just do a copy/paste from a styled Word document - disaster

also if you have
HTML Code:
<div align="center">
that doesn't equate to a CSS 'text-align:center' you need to use 'margin-left:auto; margin-right:auto'.

one other thing, if I click on one of the design's I get a small image. you should set it up so I can see a large version of the image, after all, if I'm looking at one of your designs, I actually want to be able to see it.
Juggledad,

I have hit a wall and don't know where to turn next.

I don't have several months to learn how to do the next step, and it seems it should be easy. I am trying to create one "style" that can be used on a whole series of "fact sheet" pages (http://www.strategiclearning.com/wor...person-series/) to look like the first page of their PDF cousins (http://strategiclearning.com/FactShe...SP20110303.pdf) (without the Headers and Footers on the PDF) which are generated in MS Word. I have experienced the "Disaster" of trying paste MS Word via the ATO interface. I even tried saving the MSWord document as CSS/HTML and pasting that into ATO - more ugliness. I've deleted those attempts since they don't work. Here's a sample of the CSS output by MS Word - if you are interested:

/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:Tahoma;}
p.MsoHeader, li.MsoHeader, div.MsoHeader
{margin:0in;
margin-bottom:.0001pt;
border:none;
padding:0in;
font-size:9.0pt;
font-family:Tahoma;}
p.MsoFooter, li.MsoFooter, div.MsoFooter
{margin:0in;
margin-bottom:.0001pt;
border:none;
padding:0in;
font-size:8.0pt;
font-family:Tahoma;
color:#071F51;}
span.MsoPageNumber
{font-weight:bold;}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{colorurple;
text-decoration:underline;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{margin:0in;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:Tahoma;}
p.FSBorder, li.FSBorder, div.FSBorder
{margin:0in;
margin-bottom:.0001pt;
text-align:center;
font-size:6.0pt;
font-family:Tahoma;}
p.FSNorm, li.FSNorm, div.FSNorm
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:Tahoma;}
p.FSBody, li.FSBody, div.FSBody
{margin-top:0in;
margin-right:0in;
margin-bottom:10.0pt;
margin-left:.2in;
font-size:11.0pt;
font-family:Tahoma;
color:black;}

It seems there should be a way to create a template that would accept output from MS Word and display the HTML with "Styles" that are nearly identical to those in the MS Word document. I have dozens of MS Word Documents that I'd like to make into pages and messing with the text from each one individually to make it look right would be a pain. I really only need seven or eight different paragraph styles, plus one table style. I know I am pretty sure I can get MSWord to put tags around paragraphs with different styling, so I think I could quickly output a plain text document with all the proper tags - if there was a way WordPress to then make them display properly.

So far, the web is not revealing its secrets to me, even after six hours of searching.

If there isn't a way of learning the basics of creating a style sheeet that could be used within ATO just for "Fact Sheet" pages in a couple of days, how do you suggest I proceed? I guess I could just use the page title as a link that goes to a PDF, but I'd prefer to have the text be searchable (I know I don't have a search Widget set up right now, but that's easy with ATO).

Besides, "Here's another idiot who probably also thinks its easy to perform brain surgery." what are your reactions, thoughts, recommendations about my achieving my objective?

Thanks

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to center text in the table? ochayemin Center area post/pages 3 Feb 7, 2011 10:48 PM
[SOLVED] Center Area - Middle Table configuration problems sighedeffects Center area post/pages 0 Aug 31, 2010 04:24 PM
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
Table in center column cannot be displayed properly mikechui Header configuration & styling 1 Dec 23, 2009 06:30 AM


All times are GMT -6. The time now is 12:30 PM.


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