Simple 1 row, 2 column table appears broken in a post, help! (11 posts)

  1. xroox
    Posted 5 years ago #

    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:


    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!

  2. coopersita
    Posted 5 years ago #

    In core.css you have "vertical-align:baseline", but most importantly: A table for layout in 2011? Seriously?

  3. xroox
    Posted 5 years ago #

    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!


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

  5. coopersita
    Posted 5 years ago #

    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.

  6. xroox
    Posted 5 years ago #

    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!

  7. esmi
    Forum Moderator
    Posted 5 years ago #

    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.

  8. xroox
    Posted 5 years ago #

    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.

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


    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.


    Why tables for layout is stupid (from 2003)

    13 Reasons Why CSS Is Superior to Tables in Website Design

  10. esmi
    Forum Moderator
    Posted 5 years ago #

    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

  11. coopersita
    Posted 5 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic