How to place opt-in form at the top?

Discussion in 'HTML - XHTML - CSS' started by nic, Jun 16, 2007.

  1. nic New Member

    I've downloaded the dog care template and tried adding an opt-in form in the right column with the following css style:

    #content .right-col {
    float: right;
    width: 150px;

    Instead of showing at the top, right hand side just beneath the header, the opt-in form is displayed at the bottom right, near the footer.

    Can someone please explain how I can move the opt-in form to the top right? I'm fairly new to css. Any help is much appreciated.
    nic, Jun 16, 2007
    #1

  2. W3Daryl New Member

    Posting a link would definitely be helpful. As for float: right; floating can be very dangerous if your not experienced with it. A solution is always to use wrapper div tags to set bounds as to where it can go. Cheers.
    W3Daryl, Jul 4, 2007
    #2

  3. cathering_ New Member

    If you want it to display in the top right hand coner of the use position absolute

    #content .right-col {

    position: absolute;
    top: 10px;
    right: 10px;
    }

    if your talking about the news and views bit, just put the content inside the divider
    cathering_, Jul 17, 2007
    #3

  4. lmfrench New Member

    I never recomend using position absolute...that is taken differently by many different browsers. If you want to use the
    float:right;
    div you can, just try adding a 'clear:both' at the beginning or end of the whole tag. Also, if you have that a 'float:right;' make sure that the item that you want to have to it's left has a div of 'float:left; clear:both;' as well. Hope that helps ;)
    lmfrench, Jul 18, 2007
    #4