unwanted space between rows

[julian_m]

First of all, excuse me for the long post. I tryied to cut the code as
much as i could

I commented with **//** the places where i'm having problems with


<table class="table_top">
<tr> <!-- la 2° fila -->
**//** Let's call this row "ROW 1 TABLE_TOP"

<td class="td_tabla_tabs"> <!-- esta es la celda que tiene la
TABLA que tiene los tabs -->
<table class="table_tabs">
<tr>

**//** Here, I've four images (each one in one cell) wich act as
a links

<td class="td_tab"><img class="img_tab"
src="mainimages/principal_on.jpg" alt="principal"
name="xxxprincipal"></td>
<td class="td_tab"><a href="?fhdjkas=2&tert=2"
onmouseover="menu_over('hombre');"
onmouseout="menu_out('hombre');"><img class="img_tab"
src="mainimages/hombre_off.jpg" alt="hombre" name="hombre"></a></td>

<td class="td_tab"><a href="?fhdjkas=1&tert=2"
onmouseover="menu_over('mujer');" onmouseout="menu_out('mujer');"><img
class="img_tab" src="mainimages/mujer_off.jpg" alt="mujer"
name="mujer"></a></td>
<td class="td_tab"><a href="?fhdjkas=3&tert=2"
onmouseover="menu_over('ninio');" onmouseout="menu_out('ninio');"><img
class="img_tab" src="mainimages/ninio_off.jpg" alt="ninio"
name="ninio"></a></td>
</tr>
</table> <!-- fin de la tabla de tabs-->
</td>
<td>next cell</td>
</tr> <!-- fin de la 2° fila-->
<tr>

**//** And now, on the next row "ROW 2 TABLE_TOP", I've a table
wich shoul be "joined" with the row above, but it isn´t already
**//** I don't know why there is an space between ROW 1 and ROW 2
**//** any advice would be apreciated
<td class="td_tabla_separador" colspan="2">
<table class="table_separador">
<tr>
<td id="barra_tabs_esquinas_izq"><img
src="mainimages/topbar_left.jpg" alt="x" border="0"></td>
<td id="fondo_barra_tabs"></td>
<td id="barra_tabs_esquinas_der"><img
src="mainimages/topbar_right.jpg" alt="x" border="0"></td>
</tr>
<tr>
<td colspan="3" height="5"
id="barra_tabs_inferior"></td>
</tr>
</table>
</td>
</tr>
</table>



styles used:

table.table_tabs{
/*background: #FFEBDC;*/
/*width: 100%;*/
text-align: center;
border: 0px solid;
border-style: solid;
border-collapse: collapse;
padding: 0px 0px 0px 0px;
/*margin: auto;*/
}

table.table_separador{
background: #FFFFFF;
width: 100%;
text-align: center;
border: 0px solid;
border-style: solid;
border-collapse: collapse;
padding: 0px 0px 0px 0px;
margin: 0;
/*background: rgb(31,19,82);*/
padding: 0px 0px 0px 0px;
}


img.img_tab{
border:0px;
width: 100px;
height: 38px;

}


td.td_tab{
vertical-align: bottom;
text-align: right;
/* background: #FFEBDC;*/
background: rgb(31,19,82);
margin: 0;
border-collapse: collapse;
padding: 0px 0px 0px 0px;
border: 0px solid;
border-style: solid;


}


td.td_tabla_tabs{
vertical-align: bottom;
/*text-align: center;*/
background: rgb(31,19,82);
border-collapse: collapse;

padding: 0px 0px 0px 0px;
}

td.td_tabla_separador{
vertical-align: bottom;
background: rgb(31,19,82);
padding: 0px 0px 0px 0px;
margin:0;
border-collapse: collapse;


}

#barra_tabs_inferior{
text-align: center;
background: #F1662D;
}

#barra_tabs_esquinas_izq{
width: 5;
text-align: right;
background: #FFEBDC;
vertical-align: bottom;

}
#barra_tabs_esquinas_der{
width: 5;
text-align: left;
background: #FFEBDC;
vertical-align: bottom;
}


regards - julian

 

[Neredbojias]

With neither quill nor qualm, julian_m quothed:

First of all, excuse me for the long post. I tryied to cut the code as
much as i could
*snip*

It's probably the white-space in your markup. For instance, you have a
</td> on a line alone. Google/search for white space in regards to html
markup. This is probably the most-discussed problem of the era
regarding web page anomalies.