Build Your Own Business Website header image

Welcome to our Members Only Forum

You are welcome to view the content on our Forum, just scroll down to view this forum post.
If you like what you find and want to be able to post a question, please check out our subscription options.
Please feel free to search the forum using either the Google Site Search above or the forum search below.

Avatar
Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

sp_Feed sp_TopicIcon
How to center tables in a Post? and other table-related stuff ...
Avatar
Reece Morrel
Tulsa, OK

Founding Member
Members

Community Member
Forum Posts: 353
Member Since:
August 29, 2010
sp_UserOfflineSmall Offline
1
September 18, 2010 - 10:03 pm
sp_Permalink sp_Print sp_EditHistory

Just added my first Court Case as a Post.

Here is the link:

http://www.ladyluckdiary.com/d.....n-v-c-i-r/

 

The Post has 3 tables.  Although all 3 tables show up as "centered" in the Visual Editor, when I view the Post all three are left-aligned.

What's up?  Do I need to do some HTML tinkering to the table properties?

 

I also tried to add some extra spaces to spread out the cells a little bit.  Do I just need to add some &nbsp characters?

 

I would like to get this figured out since a lot of cases will have tables and I would like for them to look nice.

 

Thank-you.

 

P.S.  the Court's decision was published on March 18, 1991.  Is there any way that I can change the Post date to match?

Here are my domain names in case I forget to list them in my post: http://www.LadyLuckDiary.com, http://www.TulsaFencing.com, http://www.GamblingTaxInstitute.com and  http://www.TaxThinkers.com

Avatar
Brian Tozer

Founding Member
Members

Community Member
Forum Posts: 1004
Member Since:
May 30, 2010
sp_UserOfflineSmall Offline
2
September 19, 2010 - 4:16 am
sp_Permalink sp_Print

Hi Reece - I am watching with extreme interest your progress on the above site.

A most interesting project from a learning point of view.

Before I get to my main point I notice that the first of the two URLs in your footer seems to be invalidly formatted and is nonoperational.

However my chief interest is in the formatting of tables.

In a traditional static site the proper/desired formatting of tables like yours, and fancier ones, is usually done with a combination of inline CSS and embedded CSS.

My query to Rick is how to achieve this in a Thesis page/post.

The use of the inline styles (CSS) is quite straightforward  within the page content, but how are the embedded styles (CSS) handled - the ones that would normally be within the Head area of the static page.

I expect/hope that he will address this issue/aspect in his response to your post.

Avatar
Brian Tozer

Founding Member
Members

Community Member
Forum Posts: 1004
Member Since:
May 30, 2010
sp_UserOfflineSmall Offline
3
September 19, 2010 - 4:57 am
sp_Permalink sp_Print

Did a trial on my 'Home" page which apears to be successful.

http://www.briantozer.com

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
4
September 19, 2010 - 5:24 am
sp_Permalink sp_Print sp_EditHistory

Reece, I would reconsider the construction of the table and then I would use css to describe the table's appearance.  You can do this manually with something like this:

 

<table class="my-table">
<thead>
<tr>
<th>heading content 1</th>
<th>heading content 2</th>
<th>heading content 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>content 1</td>
<td>content 1</td>
<td>content 1</td>
</tr>
<tr>
<td>content 1</td>
<td>content 1</td>
<td>content 1</td>
</tr>
</tbody>
</table>
<p>

 

You can find examples of this at http://www.w3schools.com/html/html_tables.asp &amp; http://www.w3schools.com/css/css_table.asp

Another suggestion would be to try one of the table plugins for wordpress

Avatar
Reece Morrel
Tulsa, OK

Founding Member
Members

Community Member
Forum Posts: 353
Member Since:
August 29, 2010
sp_UserOfflineSmall Offline
5
September 19, 2010 - 7:54 am
sp_Permalink sp_Print sp_EditHistory

Thank-you gentlemen for these ideas and comments.  I will give the suggestions a try.

Obviously, since this is the first one I am wanting to get the "kinks" worked out so I can "cookie cutter" it for the rest of the cases.

Rick – are lines 10 and 32 reversed?  Should line 10 read "<p>" and line 32 "</p>" instead?

You suggest using CSS for the table appeareance -  is that why you do not have any a –> style="text-align: center;"  <– in the <p> part?

Brian – I checked out your demo table.  Looks great.  I saw where you had the "center" alignment, and I read through the rest of your padding and margin stuff. How do you set the width of the cells?  Is it inherited from class=homepagetable?

 

So, I think I can get the table centered now.  Rick, you mentioned CSS – is this how I set the cell width as well?  Brian, you didn't mention it but your example on your home page had it.

 

Lastly, how about changing the date of the POST to match the publication date of the actual Court Case?

 

One thing I was pleasantly surprised about was how I was able to select the Author of the POST.  I had created a user called COURT CLERK (I want this user to be the author of the Court Cases so I can better manage them).  While logged in as ADMIN, I added the POST, scrolled down and selected COURT CLERK as the Author!  Wahoo!

 

I know its not much, but when you are working with computers you learn to savor the little victories!

Here are my domain names in case I forget to list them in my post: http://www.LadyLuckDiary.com, http://www.TulsaFencing.com, http://www.GamblingTaxInstitute.com and  http://www.TaxThinkers.com

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
6
September 19, 2010 - 8:14 am
sp_Permalink sp_Print

Reece - ignore the p tags entirely.  I'm having some difficulty making the syntax highlighting work properly on the forum, for whatever reason it insists on including those tags.

I would not recommend using any inline css for your tables.  I'd create the table, give it a custom class and then make all of it's style definitions in your custom.css file.  Inline css is a vestige of the bad old days, you'll have much more satisfactory control if you use the methods demonstrated at W3 schools.

I don't think you can backdate a post to reflect the court date.  Even if you hacked the database I believe that WordPress would consider that to be an intrusion into the database and would block it.

Avatar
Reece Morrel
Tulsa, OK

Founding Member
Members

Community Member
Forum Posts: 353
Member Since:
August 29, 2010
sp_UserOfflineSmall Offline
7
September 19, 2010 - 9:31 am
sp_Permalink sp_Print

Guess what I found out?

I logged in as Admin, went to the Posts screen.  I found the Post I wanted to edit (Doffin v C.I.R.) and selected "Edit."

To the right of the Visual Editor, I have a "Publish" sidebar-thingie.  It shows:

   Status:  Published Edit

   Visibility:  Public Edit

   Published on:  September 18, 2010 @ 10:30 Edit

 

So, I clicked on Edit next to "Published on" and changed the date to March 18, 1991 - No Problem!

 

What effect this has on my archiving I have no idea.  One of the cases is a 1930's case, and I am pretty sure no one was bloggin on the Internet back then.  Actually, I think back then the closest thing to a blog was a "party line" for their telephone service!

Here are my domain names in case I forget to list them in my post: http://www.LadyLuckDiary.com, http://www.TulsaFencing.com, http://www.GamblingTaxInstitute.com and  http://www.TaxThinkers.com

Avatar
Reece Morrel
Tulsa, OK

Founding Member
Members

Community Member
Forum Posts: 353
Member Since:
August 29, 2010
sp_UserOfflineSmall Offline
8
September 19, 2010 - 9:37 am
sp_Permalink sp_Print

My knowledge of HTML dates back to the mid 1990's.  When I first saw HTML it reminded me of bad WordStar!

So, the <thead> and <tbody> tags are new to me.

Most of the tables I use are going to be pretty simple.  I don't need anything exotic.  I just need it to work - quickly.  I have a lot of these to prepare.

Here are my domain names in case I forget to list them in my post: http://www.LadyLuckDiary.com, http://www.TulsaFencing.com, http://www.GamblingTaxInstitute.com and  http://www.TaxThinkers.com

Avatar
Brian Tozer

Founding Member
Members

Community Member
Forum Posts: 1004
Member Since:
May 30, 2010
sp_UserOfflineSmall Offline
9
September 19, 2010 - 10:09 am
sp_Permalink sp_Print sp_EditHistory

Hi Reece.

FYI the 1st of your two links in your header (oops - I mean Footer in your forum posts) is still formatted incorrectly and is nonfunctional.

I have made another table on my site demonstrating control over the column widths.

No inline styles used.

http://www.briantozer.com

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
10
September 19, 2010 - 11:39 am
sp_Permalink sp_Print

I like learning new stuff - I've been asked the back dated posts question a bunch of times and I've consistently answered it wrong!

With respect to standards compliant tables - it's not a case of making them fancy, it's merely a case of providing semantic markup.  Stuff inside of a table heading helps describe what's in the rows below.  Consequently, when Google reads the table, it knows which direction the data goes and what the table means.  If it can't tell, it might skip it.

Also, styling it is much easier, you have far more control over the size and arrangement of the tables when you use valid html and css.

Avatar
Reece Morrel
Tulsa, OK

Founding Member
Members

Community Member
Forum Posts: 353
Member Since:
August 29, 2010
sp_UserOfflineSmall Offline
11
September 19, 2010 - 8:01 pm
sp_Permalink sp_Print

Okay Brian, you guilted me into.

 

I have been putting off setting up my FOOTER stuff the way I wanted.  So, I finally got around to it tonight.

I never really did figure out which link was broken, formatted
incorrectly and nonfunctional.  But, I wasn't worried because I knew I
was going to completely reconfigure it.

 

Please check it out and tell me what you think.  I used the same color for the bars that I used in the header.

 

Now, back to the table stuff.

Here are my domain names in case I forget to list them in my post: http://www.LadyLuckDiary.com, http://www.TulsaFencing.com, http://www.GamblingTaxInstitute.com and  http://www.TaxThinkers.com

Avatar
Brian Tozer

Founding Member
Members

Community Member
Forum Posts: 1004
Member Since:
May 30, 2010
sp_UserOfflineSmall Offline
12
September 19, 2010 - 8:15 pm
sp_Permalink sp_Print

I had written:-

"FYI the 1st of your two links in your header (oops – I mean Footer in your forum posts) is still formatted incorrectly and is nonfunctional."

It is still broken.

Are you checking the first link in your footer in your forum posts?

I suspect not.

When I hover over the second link it displays the target URL in the browser status bar and the link works.

When I hover over the first link it does not display the target URL in the browser status bar and the link does not work.

Avatar
Reece Morrel
Tulsa, OK

Founding Member
Members

Community Member
Forum Posts: 353
Member Since:
August 29, 2010
sp_UserOfflineSmall Offline
13
September 19, 2010 - 8:30 pm
sp_Permalink sp_Print

Here is the main question I have regarding the tables.

 

As I add these COURT CASES as POSTS, I have no way of predicting the different sizes of tables that I will encounter.  They may be anywhere from 3 to 10 columns and 3 to 20 rows. 

I just need to make sure that whatever I implement is generic and flexible.

I guess I need to study up on how "CLASS" stuff works.

Here are my domain names in case I forget to list them in my post: http://www.LadyLuckDiary.com, http://www.TulsaFencing.com, http://www.GamblingTaxInstitute.com and  http://www.TaxThinkers.com

Avatar
Reece Morrel
Tulsa, OK

Founding Member
Members

Community Member
Forum Posts: 353
Member Since:
August 29, 2010
sp_UserOfflineSmall Offline
14
September 19, 2010 - 9:40 pm
sp_Permalink sp_Print

Brian,

Thank-you for helping me bird dog this issue.  Yes, I was a little slow on this one.

Somehow an extra space got add to the end of the URL for the first site.

It should be working now.

Again, thank-you.

Here are my domain names in case I forget to list them in my post: http://www.LadyLuckDiary.com, http://www.TulsaFencing.com, http://www.GamblingTaxInstitute.com and  http://www.TaxThinkers.com

Avatar
Brian Tozer

Founding Member
Members

Community Member
Forum Posts: 1004
Member Since:
May 30, 2010
sp_UserOfflineSmall Offline
15
September 20, 2010 - 4:41 am
sp_Permalink sp_Print

I have used the plugin wp-table-reloaded Version 1.8 to create a demo table on my Home Page.

http://www.briantozer.com

I have not done any custom CSS mods e.g. to center the text entries, which is a trivial mod, but wanted to see/show what could be done without any.

Seems to be a very nice plugin and would be interested in Rick's comments regarding whether it may help Reece.

Or whether it may have problems, or whether a better alternative exists for Reece's requirements/situation.

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
16
September 20, 2010 - 7:23 am
sp_Permalink sp_Print

I've used the tables reloaded plugin as well.  It works great, allows relatively easy access to styling and protects the tables from being screwed up in the content area.

Avatar
Reece Morrel
Tulsa, OK

Founding Member
Members

Community Member
Forum Posts: 353
Member Since:
August 29, 2010
sp_UserOfflineSmall Offline
17
September 20, 2010 - 8:40 pm
sp_Permalink sp_Print

Guess what I found out?  Updated!

 

So there I was minding my own business, trying to add a back-dated COURT CASE post of March 3, 1930.  It kept changing the date back to Today - September 20, 2010.  What is going on, I thought?  Let's play 20 questions!

3/3/1940?  NO JOY!

3/3/1950?  NO JOY!

3/3/1960?  NO JOY!

3/3/1970?  IT WORKED!

12/31/1969?  NO JOY!

Well, how about that!  WordPress uses UNIX/POSIX TIME.

Now it makes perfect sense.

Here are my domain names in case I forget to list them in my post: http://www.LadyLuckDiary.com, http://www.TulsaFencing.com, http://www.GamblingTaxInstitute.com and  http://www.TaxThinkers.com

Avatar
Reece Morrel
Tulsa, OK

Founding Member
Members

Community Member
Forum Posts: 353
Member Since:
August 29, 2010
sp_UserOfflineSmall Offline
18
September 20, 2010 - 9:24 pm
sp_Permalink sp_Print

CSS for Tables ..... found a handy web page.

 

Rick, I was trying to follow your suggestion about using CSS for tables, etc.

I found this handy web page:

HTML and CSS Table Border Style Wizard

http://www.somacon.com/p141.php

 

It lets you try out different settings for the TABLE and TD/TH tags.

Then it updates the example in real time so you can see what it will look like.

After you get it set, then you can copy the CSS code generated and you are good to go.

 

Is this worthy enough to add as a TIP?

 

Thanks!

Here are my domain names in case I forget to list them in my post: http://www.LadyLuckDiary.com, http://www.TulsaFencing.com, http://www.GamblingTaxInstitute.com and  http://www.TaxThinkers.com

Avatar
Reece Morrel
Tulsa, OK

Founding Member
Members

Community Member
Forum Posts: 353
Member Since:
August 29, 2010
sp_UserOfflineSmall Offline
19
September 20, 2010 - 9:29 pm
sp_Permalink sp_Print

Rick and Brian,

I forgot to mention I was a little surprised I am having such trouble with the Tables because I am using the TinyMCE Advanced Editor and it has buttons galore for the table stuff.

When I am editing a Post the WYSIWYG shows the table correctly, but when I look at the Post on the live web site, it is all messed up.

I may just break down and try another Table Plugin.

Here are my domain names in case I forget to list them in my post: http://www.LadyLuckDiary.com, http://www.TulsaFencing.com, http://www.GamblingTaxInstitute.com and  http://www.TaxThinkers.com

Avatar
Brian Tozer

Founding Member
Members

Community Member
Forum Posts: 1004
Member Since:
May 30, 2010
sp_UserOfflineSmall Offline
20
September 20, 2010 - 10:02 pm
sp_Permalink sp_Print

For what it is worth I use the FCK editor that Rick recommends and only use it in SOURCE view mode.

And the only results that I regard as valid are when the site is viewed in the browser.

I use local editing on my PC and FTP to the site for all Custom PHP and CSS file mods.

If it would be helpful I am happy to create a demo table on my site to your specs.

Email me direct if you wish.

I am also on Messenger and Skype about 20/7.

Forum Timezone: America/Los_Angeles

Most Users Ever Online: 228

Currently Online:
11 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

Keith W Jones: 1441

Brian Tozer: 1004

Carolin: 984

Heidi Hafner: 509

John Cunningham: 423

Reece Morrel: 353

Newest Members:

soundpilot

digitalaerolus

emma62755

sharonmarks

emma80233

Tijs de Jong

Forum Stats:

Groups: 8

Forums: 46

Topics: 7003

Posts: 34845

 

Member Stats:

Guest Posters: 6

Members: 6763

Moderators: 2

Admins: 2

Administrators: Rick Anderson, Rick Anderson

Moderators: Pierre Cote, Laura Nugent