Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter feelingfoxy7

    (@feelingfoxy7)

    I actually solved it…because they’re absolutely positioned, I had to change the “top” placement and spread them out that way. I can’t believe it took me so long to think of something so basic haha.

    Thanks!

    Thread Starter feelingfoxy7

    (@feelingfoxy7)

    I figured it out…it was actually so simple, I can’t believe it took me so long to see it. Because they’re all absolutely positioned, all I had to do was change the “top” placement to spread them out.

    Thanks for your help!

    Thread Starter feelingfoxy7

    (@feelingfoxy7)

    Wow, that totally worked, thanks! Now, do you have a suggestion for how to spread them out vertically? I’ve been looking at this for so long, I just can’t even see what to do next anymore. I tired applying a top margin of 5px to each one, but that also doesn’t seem to work.

    This is the CSS portion:

    <style type=”text/css”>
    #IDX-quickSearchForm { position: relative; height: 370px; width: 130px; }
    #QS-minPriceField { position: absolute; width: 100px; height: 22px; left: 12px; top: 53px;}
    #QS-maxPriceField { position: absolute; width: 100px; height: 22px; left: 12px; top: 103px; margin-top: 5px; }
    #QS-minSqftField { position: absolute; width: 100px; height: 22px; left: 12px; top: 153px; margin-top: 5px;}
    #QS-minRoomsField { position: absolute; width: 100px; height: 22px; left: 12px; top: 203px; margin-top: 5px;}
    #QS-minBathsField { position: absolute; width: 100px; height: 22px; left: 12px; top: 253px; margin-top: 5px;}
    #QS-labelMaxPrice {position: absolute; width: 110px; height: 22px; left: 12px; top: 83px; margin-top: 5px;}
    #QS-labelMinPrice {position: absolute; width: 110px; height: 22px; left: 12px; top: 33px; margin-top: 5px;}
    #QS-labelMinSqft {position: absolute; width: 110px; height: 22px; left: 12px; top: 133px; margin-top: 5px;}
    #QS-labelMinRooms {position: absolute; width: 110px; height: 22px; left: 12px; top: 183px; margin-top: 5px;}
    #QS-labelMinBaths {position: absolute; width: 110px; height: 22px; left: 12px; top: 233px; margin-top: 5px;}
    #QS-labelFormTitle {position: absolute; width: 110px; height: 22px; left: 23px; top: 10px; margin-top: 5px;}
    #QS-labelCityList {position: absolute; width: 110px; height: 22px; left: 12px; top: 283px; margin-top: 5px;}
    #QS-buttonSearch { position: absolute; width: 70px; height: 27px; left: 28px; top: 333px; margin-top: 5px; }
    #QS-selectCityList { position: absolute; width: 105px; height: 22px; left: 12px; top: 303px; margin-top:5px;}
    #backLink {position:absolute; top:370px;}
    </style>

Viewing 3 replies - 1 through 3 (of 3 total)