• 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?

    Thread Starter Zephou

    (@zephou)

    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!

    Thread Starter Zephou

    (@zephou)

    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…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter Zephou

    (@zephou)

    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!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Please, explain the problem more thoroughly.

    Thread Starter Zephou

    (@zephou)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.