How is this positioned?

+3 Q:

you probably notice that some web sites have feedback feature created with http://uservoice.com. it display's badge on left or right of your screen.

but, how is that badge positioned? it looks like its position depends on height of the browser...

can you help me how to create some sort of badge like this, with functionality to redirect me to the some other url.

tnx in adv!

+4 A:

It uses position: fixed on the a tag. It is using a top: 45% to get it to "move" with the window height.

Scott 2010-07-23 19:26:54

no, it's not fixed, tryed that before. it looks like it depends on browser's height. jquery maybe?

2010-07-23 19:28:39

... and no link to Firebug to save him/her the trouble of writing next time?

Alexander Gyoshev 2010-07-23 19:29:44

@user198003: http://www.jsfiddle.net/xxdFS/

Matt 2010-07-23 19:30:42

I was just getting to the firebug link http://getfirebug.com/

Scott 2010-07-23 19:31:11

@user198003-Yes, it is 'fixed', with the top at 45%.

Scott 2010-07-23 19:32:15

+1 A:

Heres a cool example of css and JS for floating a link or menu!

Heres another example from JTricks thats more like what your looking for (fixedmenu not floating)

(shows legacy browser compatibility)

jumpdart 2010-07-23 19:35:17

ansaurus