CSS position select box overridden -
i want have dropdown select box under programs
menu, been overridden, please refer image attached:
edited: here's code select box
<div class="slide" style="width:738px;"> <div class="n_title_black" style="padding-left:0;">programs</div> <div class="inner-main_content3" style="height:420px;padding:10px 0;"> <div style="text-align: right; margin: 0px; padding: 0px; position: absolute; top: 90px; left: -6px; z-index: 9;" id="selectgenre"> genre: <select onchange="this.form.submit()" id="filtergenre" name="filtergenre" style="width:220px"> <option selected="selected" value="all">all</option> <option value="7">info/edutainment</option> <option value="8">news/investigation</option><option value="12">life style</option> </select> // php code below loop video's thumb </div> </div> </div>
for reason cannot add box in same programs
menu, hope here can give solution on issue, thanks.
i guess not setting proper position
property element try this:
<div class="slide" style="width:738px;"> <div class="n_title_black" style="padding-left:0; position:relative;">programs</div> <div class="inner-main_content3" style="height:420px;padding:10px 0;position:ralative;"> <div style="text-align: right; margin: 0px; padding: 0px; position: absolute; top: 10px; left: 0px; z-index: 9;" id="selectgenre"> genre: <select onchange="this.form.submit()" id="filtergenre" name="filtergenre" style="width:220px"> <option selected="selected" value="all">all</option> <option value="7">info/edutainment</option> <option value="8">news/investigation</option><option value="12">life style</option> </select> // php code below loop video's thumb </div> </div> </div>
Comments
Post a Comment