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

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

[Author]

Posts