• Resolved asles

    (@asles)


    Hi Guys!
    Experiencing a very annoying problem. I’ve been trying to align a table at the foot of the page “how can we contact” to the center for almost two weeks, but fail every time. Here is the web-site https://www.ft-studio.com

    Firebug doesn’t help me ??

    I will really appreciate that if you could help me with that.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Guessing you’re referring to “How can we help”.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try:

    .art-article {
     margin: 0 auto;
    }

    https://www.w3.org/Style/Examples/007/center.en.html

    WPyogi

    (@wpyogi)

    EDIT – okay, Andrew is much faster than I am – but it’s earlier am here :)!

    Why are you using a table for that? It’s outdated coding. Have you looked at how to center elements?

    https://www.w3.org/Style/Examples/007/center.en.html

    That said, try changing this CSS:

    .art-article table, table.art-article {
        border-collapse: collapse;
        display: table;
        margin: 0 auto;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Why are you using a table for that?

    I have NVDA running at the moment, let me hear how that table is read out.

    Edit: Not badly read out – table isn’t structured to affect the content

    Thread Starter asles

    (@asles)

    Guys! A very big thank you to all of you!

    I tried

    .art-article {
    margin: 0 auto;
    }

    but it didn’t work out

    WPyogi – a special thank to you!

    .art-article table, table.art-article {
    border-collapse: collapse;
    display: table;
    margin: 0 auto;
    }

    worked out!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘cannot align center a table at the foot of the page’ is closed to new replies.