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.

enter image description here

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

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -