Forums

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

Home Forums CSS Vertical Aligning: The Devil is in the details

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #32114
    tannercampbell
    Participant

    http://3rconcepts.com/test

    notice the “recycling partners” line? I’d like the entire menu vertically aligned, but can’t seem to get it right. I started out with vertical-align: middle … and in my quest to get it to work came across this amazing article at ThemeForest: http://blog.themeforest.net/tutorials/vertical-centering-with-css/ … seemed like it had all the answers.

    The problem is I’m not all together that well versed in CSS. I’ve said this multiple times in previous posts, I’ve only been using CSS to design websites for a little over 6 months. Thanks to this community I’ve been afforded the opportunity to learn a great deal whenever I’m faced with a challenge … everyone here is ridiculously knowledgeable and I feel like because of that, I’ve been able to advance my skills at an awesome rate.

    Could someone have a look at my menu and my css http://3rconcepts.com/test/css/style.css and help me learn how to vertically align this menu? The above tutorial is great, and if I ever need to do this again I’ll be all over it … if I was making this menu from scratch and it wasn’t already all put together I could do this on my own … but now that it’s all built, I’m not good enough with css to know how to make a change like this so late in the game.

    Thanks for any help!

    – Tanner Campbell

    #53490
    soap
    Participant

    There are many ways you can do it.

    In this particular case you might be able to just give that particle item a position:relative; bottom:8 or 9px;

    What helps me with vertical alignment is uniform heights on things and line-height.

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