tengo un tabla donde una de las celdas debe canviar el contenido segun la opcion seleccionada por botones. Lo estoy haciendo por capas activando i desactivando segun el boton clicado.
el codigo es es siguiente:
Código PHP:
<!-- bases pestaña -->
<div id="bases" style="position:relative;top:5;left:10; visibility:visible; enable:true;">
<table width="100%" border="1">
<tr>
<td align="center" width="50%">foto</td>
<td class="titolet" align="center">6 Marta Latorre</td>
</tr>
<tr>
<td align="center" width="50%">foto</td>
<td class="titolet" align="center">11 Ana Leal</td>
</tr>
</table>
</div>
<!-- pestaña pivots -->
<div id="pivots" style="position:relative;top:5;left:10; visibility:hidden; enable:true;">
<table width="100%" border="1">
<tr>
<td align="center" width="50%">foto</td>
<td class="titolet" align="center">Leyre Villa</td>
</tr>
<tr>
<td align="center" width="50%">foto</td>
<td class="titolet" align="center">Helena Garcia</td>
</tr>
<tr>
<td align="center" width="50%">foto</td>
<td class="titolet" align="center">Laura Sotodosos</td>
</tr>
<tr>
<td align="center" width="50%">foto</td>
<td class="titolet" align="center">Ruth </td>
</tr>
</table>
</div>
<!-- pestaña escortes -->
<div id="escortes" style="position:relative;top:5;left:10; visibility:hidden; enable:true;">
<table>
<tr>
<td align="center" width="50%">foto</td>
<td class="titolet" align="center">construim</td>
</tr>
<tr>
<td align="center" width="50%">foto</td>
<td class="titolet" align="center">Helena Garcia</td>
</tr>
<tr>
<td align="center" width="50%">foto</td>
<td class="titolet" align="center">Laura Sotodosos</td>
</tr>
<tr>
<td align="center" width="50%">foto</td>
<td class="titolet" align="center">Ruth </td>
</tr>
</table>
</div>
el problema es que quiero que todas las capas empiezen en el mismo punto y con este codigo salen unos debajo de otros.
no se si me explico