Advanced Search

Results 1 to 2 of 2

Thread: floating nav links

  1. #1
    Join Date
    Mar 2012
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default floating nav links

    On each post page for my website, I would like to add an image that hovers on both page margins. essentially they would be arrow keys that link to the previous and next posts.

    could anyone recommend to me how to implement a floating image that would be placed in the margin?

    here's a link to my site - http://www.lookbookcookbook.com/2012...te-mousse.html

  2. #2
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    47
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    Couldn't you just go something along the lines of:
    Code:
    #left_arrow {
        position: fixed;
        left: 5px;
        top: 45%;
    }
    
    #right_arrow {
        position: fixed;
        right: 5px;
        top: 45%;
    }
    example:
    http://jsfiddle.net/bernie1227/RBXqD/

    NB: I've used div's, but the css could easily be used on images.
    "Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus Torvalds
    Anime Views Forums
    Bernie

Similar Threads

  1. Replies: 0
    Last Post: 11-10-2009, 08:53 PM
  2. Replies: 0
    Last Post: 04-12-2009, 09:20 PM
  3. Slide-In Links:: unwanted space between links
    By moscarda in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 02-02-2009, 01:40 AM
  4. Replies: 2
    Last Post: 01-08-2009, 07:35 AM
  5. Floating Image : determine floating area
    By Xeus in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 01-13-2008, 01:13 AM

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
  •