#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    7
    Rep Power
    0

    CSS Logo Aligning


    I'm having some trouble getting my to vertically align to the middle of my nav bar. Currently it seems to demand being top aligned. If anyone can give me some help it would be much appreciated!

    artsatheart.atwebpages.com

    Thanks!
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,127
    Rep Power
    4304
    Welcome to DevShed Forums, tksforlife.

    Did you find a solution? It looks like you're now using the large line-height vertical centering trick.
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    7
    Rep Power
    0
    No, the height of the image is set to 75 and the height of the div is 80. If I change the image to a smaller size I rises to the top of the div.
  6. #4
  7. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2012
    Posts
    119
    Rep Power
    33
    1. Remove your logo out of your UL and style it separately

    2. Keep as is and create a class for your li that holds the logo and apply padding-top to the amount you need to push the logo down from the top
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    7
    Rep Power
    0
    Solved. Thanks!

IMN logo majestic logo threadwatch logo seochat tools logo