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
What I learned about CSS and Tables ...
Avatar
Reece Morrel
Tulsa, OK

Founding Member
Members

Community Member
Forum Posts: 353
Member Since:
August 29, 2010
sp_UserOfflineSmall Offline
1
October 1, 2010 - 6:03 am
sp_Permalink sp_Print

While adding a bunch of posts to my web site, I needed to add several tables. Immediately, the idea of using CSS came to mind.

However, because of the diversity of information being presented, I was not able to develop a "generalized" one-size-fits-all CSS-type solution.  Basically, In my "custom.css" file I would have to add a CSS style for each of my tables.  Unfortunately, my quick efforts at using what little HTML and CSS I already knew were unsuccessful.

I went to http://www.w3schools.com and reviewed the HTML and CSS information.  On the "CSS How To" page, three methods of inserting CSS are listed in order of preference:

  1. External style sheet (this is your custom.css file)
  2. Internal style sheets (this is CSS stuff you put at the the top of your POST or PAGE and it is effective for the rest of the POST or PAGE)
  3. Inline style (something like <p style="margin-left: 20px;">This is a paragraph</p>)

#1 is the PREFERRED way of styling your website because you are able to separate the content from how it looks.

#2 IS NOT AVAILABLE IN WORDPRESS!!!  Watch-out!  I added it to my POST, clicked "Update" and refreshed my browser!  HOORAY it worked - ONCE!

But, then I went back to edit the POST and all my Internal style stuff was in a comment!

 

So what I learned is:  put as much as you can in your "custom.css" otherwise you are going to have to use INLINE STYLE!

GOOD LUCK!

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
2
October 1, 2010 - 11:24 am
sp_Permalink sp_Print

Actually #2 is available in WordPress, just not in the post editor.  The post editor does not handle complex html well.  However, I fully agree with your conclusion.

Avatar
Reece Morrel
Tulsa, OK

Founding Member
Members

Community Member
Forum Posts: 353
Member Since:
August 29, 2010
sp_UserOfflineSmall Offline
3
October 1, 2010 - 2:23 pm
sp_Permalink sp_Print

Correct.  I was trying to use #2 in the Post Editor.

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

Forum Timezone: America/Los_Angeles

Most Users Ever Online: 228

Currently Online:
15 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