Your Ad Here
Results 1 to 4 of 4

Thread: Layering and Positioning <div> without CSS

  1. #1
    Member shakemelikeapig's Avatar
    Join Date
    Dec 2009
    Location
    USA
    Posts
    80
    BAF Cash
    75
    Thanks
    0
    Thanked 1 Time in 1 Post

    Layering and Positioning <div> without CSS

    Here is my problem - I am trying to create a tab on Facebook. I want it to look like https://www.facebook.com/lyndadotcom...51503908244383. I have used the following code to get it going

    Code:
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <div style="background-image: url(https://d5gbfcxnxtt6i.cloudfront.net/files/Ed8h3D6Sny4O0Hgo5N9CqWw1t2Y7Ka.jpg); height: 720px; width: 780px; border: 1px solid black;"><div width: 240px; height: 150px; background-color: pink; overall width 248px including 2*3px padding and 2*1px border class="fb-like" data-href="http://www.facebook.com/eSirt" data-send="false" data-layout="button_count" data-width="80" data-show-faces="false" data-font="segoe ui"></div></div>
    My problem is that the layer with the like button (in between [B} tag) does not move no matter what I do. I want it to move a little to the right and I little lower. What could be done to make it position like in the Lyndadotcom facebook tab page?

  2. #2
    Senior Member patrick0001's Avatar
    Join Date
    Aug 2011
    Location
    Kuala Lumpur, Malaysia
    Posts
    1,115
    BAF Cash
    13,438
    Thanks
    269
    Thanked 278 Times in 247 Posts
    Cant see the example, do you mind to re-provide?

  3. #3
    Member shakemelikeapig's Avatar
    Join Date
    Dec 2009
    Location
    USA
    Posts
    80
    BAF Cash
    75
    Thanks
    0
    Thanked 1 Time in 1 Post

  4. #4
    Senior Member cesspadilla's Avatar
    Join Date
    Sep 2011
    Location
    Makati, Philippines
    Posts
    959
    BAF Cash
    479
    Thanks
    57
    Thanked 265 Times in 219 Posts
    Hi shakemelikeapig! Actually Facebook is rolling out the Tabs. The example you gave seems to in Timeline and the tabs isn't appearing. You can check out this article http://mashable.com/2011/08/17/faceb...nd-navigation/ and see more about people ranting about their tabs.




Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Advertise Here
Business Advice Forum - Ask your business questions on our online business forum - Hosted by vBulletin Hosting
Link to Us | FaceBook | Twitter | Rules, Disclaimer & Copyright Notification | Staying Safe Online | RSS | Forum Promotion
Moderators' Sites: Learn Insurance | Real SEO, Real Results