Forums

hendrix940

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. ---

Dakrneveah

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%;
}

chrisburton

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

hendrix940

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

treehouse : what would you like to learn today?

Forums

[Solved] PLEASE HELP, please ... aligning social media icon w/footer text