SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot
    Join Date
    Nov 2010
    Posts
    114
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cool Bottom CSS Image Menu

    Hi,

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

    Thanks!

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,821
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    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. #3
    SitePoint Zealot
    Join Date
    Nov 2010
    Posts
    114
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #4
    SitePoint Zealot
    Join Date
    Nov 2010
    Posts
    114
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Figured it out,

    Thanks!

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,821
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    Glad you got it sorted while I was sleeping .


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •