jquery - How to fix Form over the slider image -
i working on codeigniter , creating website. trying fix user check availability form on slider images didn't output want. here html code:
<form action="index.html" class="default-form"> <span class="arrival calendar"> <input type="text" name="arrival" placeholder="arrival" data-dateformat="m/d/y"> <i class="fa fa-calendar"></i> </span> <span class="departure calendar"> <input type="text" name="departure" placeholder="departure" data-dateformat="m/d/y"> <i class="fa fa-calendar"></i> </span> <span class="adults select-box"> <select name="adults" data-placeholder="adults"> <option>adults</option> <option value="1">1 adult</option> <option value="2">2 adults</option> <option value="3">3 adults</option> <option value="4">4 adults</option> </select> </span> <span class="children select-box"> <select name="children" data-placeholder="children"> <option>children</option> <option value="1">1 children</option> <option value="2">2 childrens</option> <option value="3">3 childrens</option> <option value="4">4 childrens</option> </select> </span> <span class="submit-btn"> <button class="btn btn-transparent">book now</button> <a href="#" class="advanced">advanced search</a> </span> </form>
here css code:
#banner #hero-tabs .tab-content-list { padding: 40px; text-align: center; background: rgba(0, 0, 0, 0.4); } #banner #hero-tabs .tab-content-list .tab-content { display: none; }
please me out find how fix form on image slider.
Comments
Post a Comment