|
|
Posted by julian_m on 11/24/05 07:54
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
Navigation:
[Reply to this message]
|