1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How to align widget right

Discussion in 'HTML & Website Design' started by Iheartf1, Mar 11, 2013.

  1. #1
    Hello,

    I have added custom social media buttons to our website: iheartf1.co.uk... Although we would like to align them to the right.

    We have tried the div align=right...widget...div coding but it doesn't seem to work

    Any ideas or anyone can see where we are going wrong...

    Thanks
     
    Solved! View solution.
    Iheartf1, Mar 11, 2013 IP
  2. Iheartf1

    Iheartf1 Greenhorn

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #2
    We have moved it using float: right; div style but the last button is going onto another line... Help!!
     
    Iheartf1, Mar 11, 2013 IP
  3. #3
    According to my browser (Chrome), it's showing them aligned to the right. However, I'd say stick something like
    <div style='float: right; width:170px;'>
    Code (markup):
    as one of the options are hanging below the other four. :)
     
    SoftCloud, Mar 11, 2013 IP
  4. Iheartf1

    Iheartf1 Greenhorn

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #4
    Thanks for your help, I managed to find what you sent me through AddThis and I managed to come to this code... Thanks for your help wouldn't have got there without it...

    <div style='float:right; width:50%;'>
    <div class='addthis_toolbox addthis_default_style addthis_32x32_style '>[CODE]
    Code (markup):
     
    Iheartf1, Mar 11, 2013 IP
  5. themes4all

    themes4all Well-Known Member

    Messages:
    662
    Likes Received:
    47
    Best Answers:
    6
    Trophy Points:
    100
    #5


    Replace this :
    <div style='float:right; width:50%;'>

    With : <div style='float:right; width:200px;'>

    Goodluck
     
    themes4all, Mar 11, 2013 IP
  6. creativewebmaster

    creativewebmaster Active Member

    Messages:
    654
    Likes Received:
    7
    Best Answers:
    4
    Trophy Points:
    78
    #6
    make it float right.
     
    creativewebmaster, Mar 12, 2013 IP
  7. karthick9

    karthick9 Member

    Messages:
    575
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    33
    #7
    Yes float:right is the better option for your problem
     
    karthick9, Mar 12, 2013 IP