Forums

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

Home Forums CSS Trying to position buttons in a footer Re: Trying to position buttons in a footer

#82909

Hey! I so I am deviating from what I originally wanted to do using an image with links within it. Instead, I am going to go all CSS.

Furball, I’ll be honest, I don’t really understand your post. I read it two or three times, and it flew right past me.

Here was what I have done thus far (I am walking away from using the javascript/image map idea)

Instead, I am doing it all with css. Here is what I got thus far.
http://i.imgur.com/Oi9r9.png
The mail icon DOES indeed have a rollover effect. I did this all with css. Here is the css I used.

#mail
{
display:block;
width:101px;
height:101px;
background: url("mail-icon-sprite.png") no-repeat 0 0;
}
#mail:hover
{background-position: 0 -101px;}

#mail span
{position:absolute;
top:-999em;}

and here is the html


Email

I just don’t know the code in order to get it where I want on the background of the footer.

Any more help? Thank you!