Muy Buenas a todos.
Una consulta que puede ser que corresponda a este Foro de CSS
Bueno tengo en un pagina.htm, una tabla que tiene 2 vinculos, es decir uno de ingreso y el otro de consulta de usuarios.
Código HTML:
<table>
<tr>
<td scope="col"><div align="center"><a href="#">Ingreso</a> - <a href="#">Consulta</a>-</div></td>
</tr>
</table> Ahora en esta misma pagina tengo 2 DIV.
DIV de INGRESO
Código HTML:
<div id="capaIngreso">
<div align="center">Ingreso
<table width="250" cellspacing="0" cellpadding="0">
<tr>
<td scope="col">Codigo</td>
<td scope="col">:</td>
<td scope="col"> </td>
</tr>
<tr>
<td scope="col">Nombre</td>
<td scope="col">:</td>
<td scope="col"> </td>
</tr>
<tr>
<td scope="col">Apellido</td>
<td scope="col">:</td>
<td scope="col"> </td>
</tr>
</table>
</div>
</div>
DIV de CONSULTA
Código HTML:
<div id="capaConsulta">
<div align="center">Consulta
<table width="250" cellspacing="0" cellpadding="0">
<tr>
<td scope="col">Codigo</td>
<td scope="col">Nombre</td>
<td scope="col">Apellidos</td>
</tr>
<tr>
<td scope="col"> 001</td>
<td scope="col">Pepe</td>
<td scope="col">Diaz</td>
</tr>
<tr>
<td scope="col">002</td>
<td scope="col">Luis</td>
<td scope="col">Vargas</td>
</tr>
<tr>
<td scope="col">003</td>
<td scope="col">Ana</td>
<td scope="col">Vega</td>
</tr>
</table>
</div>
</div>
Ahora lo que pretendo es que cuando presiono por ejemplo:
1. Ingresar me muestre el DIV de capaIngresar.
2. Consultar me muestre el DIV de capa Consultar.
PERO, al momento de ingresar a esta pagina me tiene que arrojar por defecto la tabla y el div de capaIngresar Y OCULTAR el div de capaConsultar.
Y de igual manera cuando presiono sobre el enlace de consultar, que se OCULTE el div de capaIngresar y me muestre el div de capaConsultar, es decir lo inverso.
Bueno espero que me puedar echar un cable ya que ha esto tengo que añadir un poco de programacion en php con mysql y me urge.
Gracias y saludos a todos.