Click here to Skip to main content
12,247,575 members (59,170 online)
Rate this:
 
Please Sign up or sign in to vote.
See more: HTML
Hi i want to put a facebook like box in my webpage but this box must scroll down with the page scrolling. As an example see the following links:
http://www.houzz.com/ideabooks/5953067/list?utm_source=Houzz&utm_campaign=u210&utm_medium=email&utm_content=gallery0[^]


http://download.cnet.com/hotspot-shield/[^]

see in the above example on the left side the fb, twitter, and google+ are in one box, and that box is scrolling when you scroll down the page.
i just want to know how to create that functionality.
Thanks in advance.
Posted 31-Dec-12 5:06am
Rate this: bad
 
good
Please Sign up or sign in to vote.

Solution 2

Hi,
Hope you have the code for facebook like button .
if you dont have,go to http://developers.facebook.com/web/[^]

If you want to fix a div,please write a
class or Id


eg:
.fixedDiv
{
position:fixed;
 bottom:0px;
 
}

change values for bottom ,top,padding etc for your desirable position.
  Permalink  
Comments
saifullahiit 1-Jan-13 4:21am
   
Thanks Magiccoder but this is not what i want, these are fixed tabs. As i mentioned that i want the button should scroll down when user scroll the page down. i also gave example links in my first post.
magiccoder 1-Jan-13 5:23am
   
Hi ,
If you want the same like your example,then I hope my code will work fine.Just you need to adjust the values for bottom,top,right, or left.
You can also check the position:absolute; .

But I'm sure fixed or absolute will work fine.

Just try it and let me know your result.

Rate this: bad
 
good
Please Sign up or sign in to vote.

Solution 1

I beleive you want to set that with your css if your placing your page properties/styles in there with the positioning as exampled here:

w3school Link http://w3schools.com/css/css_positioning.asp
[Updated link so it works]
In addition to your left/right/top/ and margins/padding
  Permalink  
v2
Comments
saifullahiit 31-Dec-12 23:07pm
   
your given link doesnt work, it redirects me to my own question page(http://www.codeproject.com/Answers/519275/W3School#answer1)
magiccoder 1-Jan-13 1:21am
   
Hi wolfcoder,
The link you given is not working..

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month


Advertise | Privacy | Mobile
Web01 | 2.8.160426.1 | Last Updated 1 Jan 2013
Copyright © CodeProject, 1999-2016
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100