html - form not showing up correctly (weird spacing) in a table -
i have form inside div inside td. if put div outside table, renders fine, when put inside table, spacing appears @ top , bottom. form correct size, wrapping div adcopyinlineeditcontainer randomly has more height if give height auto.
<div class="inlineeditcustomholder blueborder" style="top: 0px; left: 102px;"><div class="adcopyinlineeditcontainer" style=""> <form method="post" class="adcopyinlineedit"> <input type="text" data-linetype="title" maxlength="25" data-maxlength="25" class="colorblue"> <div class="counter"> <span class="ad_title_counter">0</span>/25</div> <br> <input type="text" data-linetype="desc1" maxlength="35" data-maxlength="35" class="colorgray"> <div class="counter"> <span class="ad_title_counter">0</span>/35</div> <br> <input type="text" data-linetype="desc2" maxlength="35" data-maxlength="35" class="colorgray"> <div class="counter"> <span class="ad_title_counter">0</span>/35</div> <br> <input type="text" data-linetype="dispurl" maxlength="35" data-maxlength="35" class="colorgreen"> <div class="counter"> <span class="ad_title_counter">0</span>/35</div> <br> </form> </div> <div class="grid-handle" style="top: 176px; left: 256px;"> </div> </div>
i don't think including css relevant except input display:block , position:absolute.
any thoughts? can see in picture weird space on top , bottom.
get code
<div class="inlineeditcustomholder blueborder" style="top: 0px; left: 102px;"><div class="adcopyinlineeditcontainer" style=""> <form method="post" class="adcopyinlineedit"> <input style="float:left" type="text" data-linetype="title" maxlength="25" data-maxlength="25" class="colorblue"> <div class="counter"> <span style="float:left" class="ad_title_counter">0</span>/25</div> <br> <input style="float:left" type="text" data-linetype="desc1" maxlength="35" data-maxlength="35" class="colorgray"> <div class="counter"> <span style="float:left" class="ad_title_counter">0</span>/35</div> <br> <input style="float:left" type="text" data-linetype="desc2" maxlength="35" data-maxlength="35" class="colorgray"> <div class="counter"> <span style="float:left" class="ad_title_counter">0</span>/35</div> <br> <input style="float:left" type="text" data-linetype="dispurl" maxlength="35" data-maxlength="35" class="colorgreen"> <div class="counter"> <span style="float:left" class="ad_title_counter">0</span>/35</div> <br> </form> </div> <div class="grid-handle" style="top: 176px; left: 256px;"> </div> </div>
see demo : http://jsfiddle.net/r6jee/
Comments
Post a Comment