Forums

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

Home Forums CSS Help with site footer.

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #257236
    Jake Ladson
    Participant

    So in the footer of my website I have some uls and an image. The uls are staying at the bottom of the footer and I would like them to be at the top inline with the top of the image. Ive done lots of googling and nothing is working. Any help would be greatly appreciated.

    Here is a link to the site. http://beta.rungoodtournaments.com/

    Thanks again!

    #257237
    grazyguy
    Participant

    add vertical-align:top to the uls element, and adjust the padding

    #257242
    webinuse
    Participant

    The problem is in that your .main-footer has to have display:inline-block. But it got confused when I add it so I had to add

    <

    ul> to wrap your image, and I had to change that ul’s max width. Basically all you have to do i wrap your image with

    <

    ul>, add display: inline-block; to .main-footer and that’s it. The rest is just tweaking a little bit of widths.

    #257263
    Lionel
    Participant

    Add this to your code:

    .main-footer .footer { your styles — and then, add overflow:auto; }
    .main-footer .footer img { your styles — and then, add float: left; }

    let me know if that works.

    #257299
    Jake Ladson
    Participant

    Thanks everyone for the help! I got it to align top by using vertical-align:top. I thought I tried that but I must have had a brain fart. Thanks again!

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