Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Oct 2008
    Location
    Poland
    Posts
    381
    Thanks
    150
    Thanked 2 Times in 2 Posts

    How to align the small FB button in the same row as the currency

    Hello, please take a look at bglam.pl.
    I am trying to add a little FB like button at the very top. I'd like to appear in the left of the "waluta" menu.

    The like button code is now between

    Code:
    <div class="span2">
    and

    Code:
    <form class="form-inline nomargin pull-right">
    Even if I enlarge the width of span2 to 300px, the like button still goes on the top and the waluta menu is pushed in the bottom.

    Can anybody help please? I'd appreciate that
    Last edited by utnalove; 03-04-2013 at 02:32 PM.

  • #2
    Regular Coder Common's Avatar
    Join Date
    Jan 2009
    Location
    Glasgow, UK
    Posts
    132
    Thanks
    16
    Thanked 13 Times in 13 Posts
    In that situation, I would generally have the Waluta field and the FB button in a div wide enough to hold both of them, then I would float:left the FB button and float:right the waluta field.

    Provided it's wide enough it should also work fine if you float:left both of them.

    Edit: If you don't have specific control over the styles of the FB button, you can wrap it in a <span> or <div> of its own and apply the styles to that.

  • Users who have thanked Common for this post:

    utnalove (03-04-2013)

  • #3
    Regular Coder
    Join Date
    Oct 2008
    Location
    Poland
    Posts
    381
    Thanks
    150
    Thanked 2 Times in 2 Posts
    Thanks it looks much better now.

    Do you know how can I remove the space between the +1 button and the FB button?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •