The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS video buttons not lining up properly

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #247325

    smart people,
    have a problem that’s a real head scratcher here. i am working on

    and as you can see the buttons on the commercial reel are lining up incorrectly – 7pong, 8MAX and 9Sotto Voce

    … 7pong shifting all the way over to the right and 8 and 9 lining up beneath it. if you go below to the Documentary Reel this is not happening.

    the documentary reel is taken from the same site as was the commercial reel but after I replaced the commercial reel with new videos and posters for the buttons (which are the exact same size as the ones working in the documentary category.) this happened. You can view my original site for this build at

    I cannot figure out for the likes of me what has caused this malfunction on the commercial buttons 7 8 & 9 on the website. the code as well as the css is identical. it didn’t start acting up until i switched out the button art work. (which are all 640X360px

    any ideas?

    code pen:



    Quite simply text alignment?

    .h2h {
    text-align: right;

    thank you shikkediel. but what was causing the buttons from not lining up was caused by one of the buttons being sized as 361×240 instead of 360×240. took me 2 days to find this flaw. now it’s working perfectly. again, thank you for taking the time.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.