wordpress messing up html table?

  • Hi,

    I have a simple 6 celled table with social icons in each td.

    When I put it in a template and tell wordpress to use that template for a page the table is fine. But when I put the table in the page editor (html tab, I never use the visual editor), and use the wp loop to get the_content(), the table is all messed up. It expands and the td’s also expand making my social sharing icons go every where.

    I can modify the code to take out company info and post it here but I want to know if there is a known issue. It seems as though the_content() method of getting the page content is doing something to mess up the table.

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)

  • Try using Firefox with the Firebug add-on for this kind of CSS work.
    https://getfirebug.com/

    Thread Starter iansane

    (@iansane)

    Yeah actually that’s why I was wondering if there’s a known issue. I wasn’t seeing anything in firebug.

    I do see a couple of random empty paragraphs wp is throwing in there so that’s definitely a problem since p tags have margins and padding applied to them in my style sheet for the ones that are supposed to be there.

    So how do I stop wordpress from putting in p tags in random places that aren’t there in my code?

    Thanks

    Thread Starter iansane

    (@iansane)

    wp was putting in p tags for html comments but I took those out and the table is still messed up.

    In firebug under the style tab for the table it shows 60px height which is what it should be but under computed boxmodel shows 286px height which is what it is displaying.

    Any idea what would cause this?

    thanks

    If you post a link to your site, someone may be able to help you.

    Thread Starter iansane

    (@iansane)

    I haven’t been able to get a copy up to a live server to post a link yet (I’m working local at the moment) but something interesting is, I tried divs instead of a table and it does the same thing. It appears to be the social buttons (facebook, twitter, linkedin, etc. that are going all over the place when loaded through the wp loop and no matter what I do with divs or tables they force it to expand. It’s got to have something to do with the iframes and elements coming through with them because I can replace all the buttons with text and my tables or divs take the size and styling like they are supposed to.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘wordpress messing up html table?’ is closed to new replies.

Tags