- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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!
add vertical-align:top to the uls element, and adjust the padding
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.
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.
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!