Support » Themes and Templates » Table alignment problem

  • Hi everybody!

    I’m french, my english isn’t pretty good, but i’m gonna try to explain my problem, quickly, and clearly.

    That’s my code, a short code, for example:

    blablablabla

    <TABLE>
    <TR>
    <TH style=”background-color: #ddd; width: 150px;”>Informations</TH>
    <TH style=”width: 150px;”>Synopsis</TH>
    <TH style=”background-color: #ddd; width: 150px;”>Casting complet</TH>
    <TH style=”width: 150px;”>Bande annonce</TH>
    <TH style=”background-color: #ddd; width: 150px;”>Galerie de photos</TH>
    <TH style=”width: 150px;”>Social</TH>
    </TR>
    </TABLE>

    blablablabla

    And that’s the result.

    You can see that a blank appeared before the table, I’m able to make my table appear to the top of the page with position: absolute; top: 60px; but when I do that, the blank is still here, after the table…
    So, if you have any solution…
    Thank you!

    (PS: I know, I can do something else than a table for only 1 line, but I also use table with more lines in my pages, and the problem is still the same.)

Viewing 8 replies - 1 through 8 (of 8 total)
  • Without seeing the actual site live, it’s really not possible to help with something like this. Are you using Firebug to look at what is creating the space?

    http://cineaddict-wip.pusku.com/?page_id=33

    That’s my “official” page, the only page on my website for the moment, it’s juste a website to learn using CMS.
    I’m using google chrome and when I see the “source code” (french word, maybe the same in english), I see that <P></P> have been added around and in my tables!

    Okay I see, in my first code, If I write it like this,

    <TABLE><TR><TH style=”background-color: #ddd; width: 150px;”>Informations</TH><TH style=”width: 150px;”>Synopsis</TH><TH style=”background-color: #ddd; width: 150px;”>Casting complet</TH><TH style=”width: 150px;”>Bande annonce</TH><TH style=”background-color: #ddd; width: 150px;”>Galerie de photos</TH><TH style=”width: 150px;”>Social</TH></TR></TABLE>

    blablablabla

    It’s ok, wordpress seems to don’t like indentation…

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Delete the line breaks above your table. There are two line breaks on your “official page”.

    I know, I put them because there is a float: left; on my image, and I don’t put them, “Synopsis” appears on the right of the image. But now, there is not anymore a blank after tables!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    But now, there is not anymore a blank after tables!

    Please, explain the problem more thoroughly.

    My english sucks so much x)?

    I mean, the problem is over ^^, wordpress simply seems to don’t like indentation, without indentation, it doesn’t add <P></P> everywhere, curious, but now it works.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Indentation is the style associated with paragraphs, therefore adding paragraphs to indented elements is normal behavior.
    I don’t understand your confusion.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Table alignment problem’ is closed to new replies.