Bottom CSS Image Menu

HTML & CSS
1

Hi,

Anyone know how to create a cross browser CSS fixed image menu at the bottom of a webpage? Any example would be awesome. :wink:

Thanks!

2

Hi,

If you want something fixed to the bottom of the viewport then you would need position:fixed (not supported in IE6). Then you would just contruct your menu inside this fixed element in the normal way.

Here is an example of a fixed footer.

http://www.pmob.co.uk/search-this/fixed4.htm

The rest is just normal css after that.

Be aware that fixed elements are unreachable when they extend outside of the viewport so take a lot of care with them.

3

I have made some of the code, how do I use mouse over image swap on the images in DIV and also raise the text up in the bar to its even?

Demo: http://www.1tm.com/test/bottomnav.html

Thanks!

4

Figured it out,

Thanks!

5

Glad you got it sorted while I was sleeping :).