html - css align ul to form -
hi i'm doing live search ajax. want align form , ul.
here form
<div align="right"> <form method="post" action="" id="search" class="kb-search"> <input type="text" id="kbsearch" name="kbsearch" placeholder="knowledge base" autocomplete="off"> <input type="hidden" name="action" value="searchkb"/> </form> <ul id="results"></ul> </div>
and here css
.kb-search { width: 250px; } #results { text-align:left; width: 250px; background: #ffffff; padding: 5px 10px; max-height: 400px; overflow: auto; position: absolute; z-index: 99; border: 1px solid #a9a9a9; border-width: 0 1px 1px 1px; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); }
how can this:
you can set parent div position relative.. #results add right: 0.. think do..
Comments
Post a Comment