Grow your CSS skills. Land your dream job.

PLEASE HELP, please … aligning social media icon w/footer text

  • # September 1, 2012 at 1:18 pm

    Trying to align the footer text and facbook icon in the footer area. If I changed the “LINE HEIGHT” of the footer text to 2 instead of 1, which pushes the footer text down to be level with the facebook icon, is this proper CSS? Will this technique hold up across multiple browsers? I also need to push the footer text over to the left so that it’s not sitting on top of the facebook icon. Thanks. —

    # September 1, 2012 at 2:09 pm

    You can fiddle this with this stuff. I didn’t see anything that wouldn’t make it not work in all browsers. I would prefer using top: right: left: bottom to position it

    ..copyrights {
    color: #006666;
    float: right;
    font: 10px/1 Georgia,"Times New Roman",Times,serif;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    width: auto;
    position: absolute;
    top: 99%;
    left: 30%;
    bottom: 5px;
    }
    a.social-fb {
    background: url("../images/facebook.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    width: 16px;
    float: right;
    position: absolute;
    top: 98%;
    bottom: 5px;
    right: 5%;
    margin: 0 0 0 0;
    letter-spacing: 2%;
    }
    # September 1, 2012 at 2:17 pm

    You don’t need a fallback if you’re using Georgia.

    # September 1, 2012 at 2:27 pm

    Dakrneveah, I’m testing code now. Thank you.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".