Forums

Table alignment problem (9 posts)

  1. Zephou
    Member
    Posted 3 months ago #

    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.)

  2. WPyogi
    Volunteer Moderator
    Posted 3 months ago #

    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?

  3. Zephou
    Member
    Posted 3 months ago #

    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!

  4. Zephou
    Member
    Posted 3 months ago #

    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...

  5. Andrew Nevins
    Volunteer Moderator
    Posted 3 months ago #

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

  6. Zephou
    Member
    Posted 3 months ago #

    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!

  7. Andrew Nevins
    Volunteer Moderator
    Posted 3 months ago #

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

    Please, explain the problem more thoroughly.

  8. Zephou
    Member
    Posted 3 months ago #

    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.

  9. Andrew Nevins
    Volunteer Moderator
    Posted 3 months ago #

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

Reply

You must log in to post.

About this Topic