• Welcome to ForumKorner!
    Join today and become a part of the community.

HTML and CSS for Feedback Button

OliverE

Power member.
Reputation
0
This code allows you to add a feedback image to your site which stays in the center of your page on the right side even after scrolling.
DEMO: http://buggysetups.com

Code is optimised for a 33px x 132px image, but comments are added so you can adjust easily.

HTML:
<style type="text/css">
#feedback {
    position:fixed;
    top: 50%;
    left: 100%;
	width: 33px; /*width of image*/
	height: 132px; /*height of image*/
    margin-top: -66px; /*1/2 height of image*/
    margin-left: -33px; /*width of image*/
}

</style>

<div id="feedback"><img src="images/feedback.png" width="33" height="132" alt="Feedback"/></div>