PDA

View Full Version : floating nav links



jessamca
12-21-2012, 01:19 AM
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/12/chocolate-mousse.html

bernie1227
12-21-2012, 01:44 AM
Couldn't you just go something along the lines of:


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