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 4 of 4
  1. #1
    Regular Coder
    Join Date
    Apr 2010
    Posts
    207
    Thanks
    30
    Thanked 0 Times in 0 Posts

    Need help with div float

    On this page:

    http://billboardfamily.com/?theme=DeepFocus

    there is a box, in which the text begins "Subscribe To Our Blog". I need it to be on the right hand side of the blog area that is currently above the box. Please advise.


    Thanks in advance
    Website: www.billboardfamily.com
    Twitter: www.twitter.com/billboardfamily
    Facebook Fan Page: www.facebook.com/BillboardFamily
    Facebook (Carl): www.facebook.com/CarlMartin.BillboardFamily (admin note: sig should be <=4 lines)

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Code:
    h3.recentworks {
        float: right;
        ....
    }
    ?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder
    Join Date
    Apr 2010
    Posts
    207
    Thanks
    30
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    Code:
    h3.recentworks {
        float: right;
        ....
    }
    ?

    I think maybe I was not clear on this one. My fault. What I want moved is the white box that has the text "Subscribe to our blog" inside it. It is AFTER the blog content. I want it to the right of the blog content, making it 2 columns

    sorry for the confusion.

    thanks
    Website: www.billboardfamily.com
    Twitter: www.twitter.com/billboardfamily
    Facebook Fan Page: www.facebook.com/BillboardFamily
    Facebook (Carl): www.facebook.com/CarlMartin.BillboardFamily (admin note: sig should be <=4 lines)

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Making a two column layout is pretty simple. All that you need is to set a width+float to the first "column" and a margin-left/right to the second one depending upon the direction of float, like

    Code:
    <div class="right">
    all contents to the right column here
    </div>
    <div class="left">
    all contents to the left column here
    </div>
    Code:
    div.right{
    float:right;
    width:150px;
    }
    div.left{
    margin-right:150px;
    }
    PS: There are some errors in your markup, fix hem first.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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