I don't know where the error could be, but I have an HTML table in which I want it to have no space between rows and to be all together.
If I put this table in JSFiddle it works but when I use it in my website it fails.
table {
border-spacing: 0;
border-collapse: collapse;
}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<input type="text" id="cantidad" name="cantidad" class="form-control" onKeyUp="formula()">
</td>
<td>
<select class="form-control" name="articulo" id="articulo" onchange="change_documento90(); change_documento91()" onKeyUp="formula()" required>
<option value=""> </option>
<option value="cojin">cojin </option>
<option value="mesa">mesa </option>
<option value="Prueba">Prueba </option>
<option value="silla">silla </option>
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario" value="" onKeyUp="formula()" required/>
</td>
<td>
<input class="form-control " type="text" name="descuento" value="" onKeyUp="formula()" required/>
</td>
<td>
<select class="form-control" name="iva" id="iva" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total" value="" onKeyUp="formula()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion" value="" onKeyUp="formula()" required/>
</td>
<td>
<input class="form-control " type="text" name="comentario" value="" onKeyUp="formula()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad1" class="form-control" onKeyUp="formula1()">
</td>
<td>
<select class="form-control" id="articulo1" name="articulo1" onchange="change_documento92(); change_documento93()" onKeyUp="formula1()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario1" value="" onKeyUp="formula1()" />
</td>
<td>
<input class="form-control " type="text" name="descuento1" value="" onKeyUp="formula1()" required/>
</td>
<td>
<select class="form-control" name="iva1" id="iva1" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total1" value="" onKeyUp="formula1()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion1" value="" onKeyUp="formula1()" />
</td>
<td>
<input class="form-control " type="text" name="comentario1" value="" onKeyUp="formula1()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad2" class="form-control" onKeyUp="formula2()">
</td>
<td>
<select class="form-control" id="articulo2" name="articulo2" onchange="change_documento94(); change_documento95()" onKeyUp="formula2()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario2" value="" onKeyUp="formula2()" />
</td>
<td>
<input class="form-control " type="text" name="descuento2" value="" onKeyUp="formula2()" required/>
</td>
<td>
<select class="form-control" name="iva2" id="iva2" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total2" value="" onKeyUp="formula2()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion2" value="" onKeyUp="formula2()" />
</td>
<td>
<input class="form-control " type="text" name="comentario2" value="" onKeyUp="formula2()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad3" class="form-control" onKeyUp="formula3()">
</td>
<td>
<select class="form-control" id="articulo3" name="articulo3" onchange="change_documento96(); change_documento97()" onKeyUp="formula3()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario3" value="" onKeyUp="formula3()" />
</td>
<td>
<input class="form-control " type="text" name="descuento3" value="" onKeyUp="formula3()" required/>
</td>
<td>
<select class="form-control" name="iva3" id="iva3" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total3" value="" onKeyUp="formula3()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion3" value="" onKeyUp="formula3()" />
</td>
<td>
<input class="form-control " type="text" name="comentario3" value="" onKeyUp="formula3()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad4" class="form-control" onKeyUp="formula4()">
</td>
<td>
<select class="form-control" id="articulo4" name="articulo4" onchange="change_documento98(); change_documento99()" onKeyUp="formula4()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario4" value="" onKeyUp="formula4()" />
</td>
<td>
<input class="form-control " type="text" name="descuento4" value="" onKeyUp="formula4()" required/>
</td>
<td>
<select class="form-control" name="iva4" id="iva4" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total4" value="" onKeyUp="formula4()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion4" value="" onKeyUp="formula4()" />
</td>
<td>
<input class="form-control " type="text" name="comentario4" value="" onKeyUp="formula4()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad5" class="form-control" onKeyUp="formula5()">
</td>
<td>
<select class="form-control" id="articulo5" name="articulo5" onchange="change_documento100(); change_documento101()" onKeyUp="formula5()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario5" value="" onKeyUp="formula5()" />
</td>
<td>
<input class="form-control " type="text" name="descuento5" value="" onKeyUp="formula5()" required/>
</td>
<td>
<select class="form-control" name="iva5" id="iva5" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total5" value="" onKeyUp="formula5()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion5" value="" onKeyUp="formula5()" />
</td>
<td>
<input class="form-control " type="text" name="comentario5" value="" onKeyUp="formula5()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad6" class="form-control" onKeyUp="formula6()">
</td>
<td>
<select class="form-control" id="articulo6" name="articulo6" onchange="change_documento102(); change_documento103()" onKeyUp="formula6()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario6" value="" onKeyUp="formula6()" />
</td>
<td>
<input class="form-control " type="text" name="descuento6" value="" onKeyUp="formula6()" required/>
</td>
<td>
<select class="form-control" name="iva6" id="iva6" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total6" value="" onKeyUp="formula6()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion6" value="" onKeyUp="formula6()" />
</td>
<td>
<input class="form-control " type="text" name="comentario6" value="" onKeyUp="formula6()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad7" class="form-control" onKeyUp="formula7()">
</td>
<td>
<select class="form-control" id="articulo7" name="articulo7" onchange="change_documento104(); change_documento105()" onKeyUp="formula7()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario7" value="" onKeyUp="formula7()" />
</td>
<td>
<input class="form-control " type="text" name="descuento7" value="" onKeyUp="formula7()" required/>
</td>
<td>
<select class="form-control" name="iva7" id="iva7" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total7" value="" onKeyUp="formula7()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion7" value="" onKeyUp="formula7()" />
</td>
<td>
<input class="form-control " type="text" name="comentario7" value="" onKeyUp="formula7()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad8" class="form-control" onKeyUp="formula8()">
</td>
<td>
<select class="form-control" id="articulo8" name="articulo8" onchange="change_documento106(); change_documento107()" onKeyUp="formula8()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario8" value="" onKeyUp="formula8()" />
</td>
<td>
<input class="form-control " type="text" name="descuento8" value="" onKeyUp="formula8()" required/>
</td>
<td>
<select class="form-control" name="iva8" id="iva8" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total8" value="" onKeyUp="formula8()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion8" value="" onKeyUp="formula8()" />
</td>
<td>
<input class="form-control " type="text" name="comentario8" value="" onKeyUp="formula8()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad9" class="form-control" onKeyUp="formula9()">
</td>
<td>
<select class="form-control" id="articulo9" name="articulo9" onchange="change_documento108(); change_documento109()" onKeyUp="formula9()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario9" value="" onKeyUp="formula9()" />
</td>
<td>
<input class="form-control " type="text" name="descuento9" value="" onKeyUp="formula9()" required/>
</td>
<td>
<select class="form-control" name="iva9" id="iva9" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total9" value="" onKeyUp="formula9()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion9" value="" onKeyUp="formula9()" />
</td>
<td>
<input class="form-control " type="text" name="comentario9" value="" onKeyUp="formula9()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad10" class="form-control" onKeyUp="formula10()">
</td>
<td>
<select class="form-control" id="articulo10" name="articulo10" onchange="change_documento110(); change_documento111()" onKeyUp="formula10()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario10" value="" onKeyUp="formula10()" />
</td>
<td>
<input class="form-control " type="text" name="descuento10" value="" onKeyUp="formula10()" required/>
</td>
<td>
<select class="form-control" name="iva10" id="iva10" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total10" value="" onKeyUp="formula10()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion10" value="" onKeyUp="formula10()" />
</td>
<td>
<input class="form-control " type="text" name="comentario10" value="" onKeyUp="formula10()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad11" class="form-control" onKeyUp="formula11()">
</td>
<td>
<select class="form-control" id="articulo11" name="articulo11" onchange="change_documento112(); change_documento113()" onKeyUp="formula11()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario11" value="" onKeyUp="formula11()" />
</td>
<td>
<input class="form-control " type="text" name="descuento11" value="" onKeyUp="formula11()" required/>
</td>
<td>
<select class="form-control" name="iva11" id="iva11" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total11" value="" onKeyUp="formula11()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion11" value="" onKeyUp="formula11()" />
</td>
<td>
<input class="form-control " type="text" name="comentario11" value="" onKeyUp="formula11()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad12" class="form-control" onKeyUp="formula12()">
</td>
<td>
<select class="form-control" id="articulo12" name="articulo12" onchange="change_documento114(); change_documento115()" onKeyUp="formula12()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario12" value="" onKeyUp="formula12()" />
</td>
<td>
<input class="form-control " type="text" name="descuento12" value="" onKeyUp="formula12()" required/>
</td>
<td>
<select class="form-control" name="iva12" id="iva12" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total12" value="" onKeyUp="formula12()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion12" value="" onKeyUp="formula12()" />
</td>
<td>
<input class="form-control " type="text" name="comentario12" value="" onKeyUp="formula12()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad13" class="form-control" onKeyUp="formula13()">
</td>
<td>
<select class="form-control" id="articulo13" name="articulo13" onchange="change_documento116(); change_documento117()" onKeyUp="formula13()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario13" value="" onKeyUp="formula13()" />
</td>
<td>
<input class="form-control " type="text" name="descuento13" value="" onKeyUp="formula13()" required/>
</td>
<td>
<select class="form-control" name="iva13" id="iva13" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total13" value="" onKeyUp="formula13()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion13" value="" onKeyUp="formula13()" />
</td>
<td>
<input class="form-control " type="text" name="comentario13" value="" onKeyUp="formula13()" />
</td>
</tr>
<tr>
<td>
<input type="text" name="cantidad14" class="form-control" onKeyUp="formula14()">
</td>
<td>
<select class="form-control" id="articulo14" name="articulo14" onchange="change_documento118(); change_documento119()" onKeyUp="formula14()" required>
<option value=""> </option>
echo
<option value="cojin">cojin </option>
echo
<option value="mesa">mesa </option>
echo
<option value="Prueba">Prueba </option>
echo
<option value="silla">silla </option>
echo
<option value="sillon">sillon </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_unitario14" value="" onKeyUp="formula14()" />
</td>
<td>
<input class="form-control " type="text" name="descuento14" value="" onKeyUp="formula14()" required/>
</td>
<td>
<select class="form-control" name="iva14" id="iva14" disabled>
<option value=""> </option>
</select>
</td>
<td>
<input class="form-control " type="text" name="precio_total14" value="" onKeyUp="formula14()" readonly/>
</td>
<td>
<input class="form-control " type="text" name="recepcion14" value="" onKeyUp="formula14()" />
</td>
<td>
<input class="form-control " type="text" name="comentario14" value="" onKeyUp="formula14()" />
</td>
</tr>
</tbody>
</table>
Probably on your website the properties
css
of the table are being overwritten, have you examined thecss
in the browser to see it?You can try
important
to make thecss
not be overwritten:Try narrowing even more
And you apply the class to a couple of cells to see if it works