WordPress.org

Support

Support » How-To and Troubleshooting » Simple 1 row, 2 column table appears broken in a post, help!

Simple 1 row, 2 column table appears broken in a post, help!

  • Hi! This is sort of an HTML/Wordpress post question (wasn’t too sure which part of the forum to put this in)…

    I have created a table so that I can put some images along the right side of my post, and text along the left; and they will run concurrently down the page together.

    This works/looks fine in my “Visual” editor when I check back, but as you can see it is NOT the effect I get on the page itself. Wondering if someone could help!!!

    You can see the page here:

    http://www.drewclifton.com/uncategorized/website-design.html

    And the code I am using below:

    [Code moderated as per the Forum Rules. Please use the pastebin]

    Thanks again you all are great help. I am still trying to figure out what goes on inside the wordpress post/page field!

Viewing 10 replies - 1 through 10 (of 10 total)
  • In core.css you have “vertical-align:baseline”, but most importantly: A table for layout in 2011? Seriously?

    What does this mean? How would you layout a post? Thanks.

    I have just begun to setup websites using wordpress (first one was last year for a family member), and have done some work now through a business contact. This is my personal site so I am free to mess around with it to my heart’s content.

    Just trying to get to the bottom of this. If you have a better way I would love to hear about it!

    Thanks.

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    As you are a professional web designer I’m sure you’ve heard of floats.

    I don’t mean to be patronizing, but if you don’t know that tables shouldn’t be used for layout (I stopped using them myself about 10 years ago), then maybe you shouldn’t be charging people money for websites.

    You can learn about floats pretty much anywhere, but this is a nice intro article: http://css-tricks.com/all-about-floats/

    Anyone with cPanel can setup websites with WordPress. That doesn’t make you a web designer.

    Thanks for the tips and encouragement 😉

    However, it hasn’t answered my question, nor has it explained my second question.

    I actually didn’t find anything that was written helpful, or in any way related to my post except for this: “In core.css you have “vertical-align:baseline””, which wasn’t really helpful in and of itself.

    I had no idea whatsoever that you could put stylesheets inside individual posts!

    Thanks again.

    EDIT: Thanks for the link Cooper; I will have a look. I have never written a stylesheet from scratch. Perhaps the term “website designer” isn’t the right word right now. I have been for various reasons contracted a couple of times to professionally (ie paid to) create websites. So far, it has worked out well, and the customers have been more than satisfied with the results. Some people don’t read music but are able to write a great album. Why don’t we all relax with the funky comments! Thanks everybody!

    esmi

    @esmi

    Forum Moderator

    What is being politely suggested is that you need to take some time out to learn how to use CSS. Doubly so if you intend to charge people for developing themes/sites.

    Again, thanks!

    Interesting comment but I do not see why inserting a two column, 1 row table into a post is such a bad thing. Still no one has outlined or linked to a better solution, or even a solution to my initial question.

    Perhaps the concept of a topic-specific forum thread is getting a bit lost here.

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    Coopersita and I have both told you that floats is a preferable method. S/he even provided a link where you could learn more:

    All About Floats

    I highly recommend the book Designing with Web Standards by Jeffrey Zeldman, which explains why separating form and style from content in web design is what we should strive for.

    Also:

    Why tables for layout is stupid (from 2003)
    http://www.hotdesign.com/seybold/

    13 Reasons Why CSS Is Superior to Tables in Website Design
    http://www.chromaticsites.com/blog/13-reasons-why-css-is-superior-to-tables-in-website-design/

    esmi

    @esmi

    Forum Moderator

    Unless you are embedding a data table, you shouldn’t be using table markup. As coopersita said, tabled layouts stopped being used years ago. Take the Twenty Ten theme as an example. See any tabled layouts in there? You really do need to get to grips with using CSS for your layouts. If you want to learn how to use CSS, try:

    CSS Tutorials
    Learning CSS

    In my first post I pointed you to the answer. If you open the file called “core.css”, in the first CSS rule you have “vertical-align:baseline”. Remove it.

    You seem to have made some changes since you first posted, so I don’t see the original code anymore.

    If you really want to do web design professionally, you really need to learn web standards. It’s like saying that if you want to be writer, you need to learn proper spelling and grammar.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Simple 1 row, 2 column table appears broken in a post, help!’ is closed to new replies.
Skip to toolbar