Click here to Skip to main content
11,637,662 members (69,554 online)
Rate this: bad
good
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 4: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 at 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 at 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 at 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 at 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
0 Sergey Alexandrovich Kryukov 344
1 OriginalGriff 295
2 stibee 288
3 jyo.net 270
4 himanshu agarwal 189
0 OriginalGriff 9,031
1 Sergey Alexandrovich Kryukov 8,763
2 Mika Wendelius 6,999
3 F-ES Sitecore 2,388
4 Suvendu Shekhar Giri 2,320


Advertise | Privacy | Mobile
Web04 | 2.8.150728.1 | Last Updated 1 Jan 2013
Copyright © CodeProject, 1999-2015
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