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

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

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #39607

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


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

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


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

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