Tema: Problema con la maquetacion de mi formulario
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/08/2012, 12:25
Avatar de Sumerio
Sumerio
 
Fecha de Ingreso: octubre-2009
Mensajes: 195
Antigüedad: 14 años, 6 meses
Puntos: 6
Pregunta Problema con la maquetacion de mi formulario
Hola tengo un problema que tengo que mostrar este formulario de este forma, pero sin la ultima fila:

Código HTML:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

<style type="text/css">
<!--
.style1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style14 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: small; }
.style17 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; }
.style20 {font-size: small}
.style21 {font-family: Geneva, Arial, Helvetica, sans-serif}

.mostrar { height:25px; cursor:pointer; float:left; margin-left:5px;}
.ocultar { height:25px; cursor:pointer; float:left; margin-left:5px;}

-->
</style>

<script type="text/javascript">

function ocultarFila(num,ver) {
  dis= ver ? '' : 'none';
  tab=document.getElementById('tabla');
  tab.getElementsByTagName('tr')[num].style.display=dis;
}
function ocultarColumna(num,ver) {
  dis= ver ? '' : 'none';
  fila=document.getElementById('tabla').getElementsByTagName('tr');
  for(i=0;i<fila.length;i++)
    fila[i].getElementsByTagName('td')[num].style.display=dis;
}

</script>

</head>
<body>
<form action="">

<table width="1246" border="1">
  <tr>
    <td width="140" rowspan="2"><span class="style17">Sismicidad</span></td>
    <td colspan="2"><table width="488" border="0">
      <tr>
        <td width="253" class="style14">Mapa de zonificaci&oacute;n s&iacute;smica</td>
        <td width="225" class="style14"><input name="btnVisualizarMapa11" type="button" id="btnVisualizarMapa11" style='width:180px;' value="Clic visualizaci&oacute;n del mapa" /></td>
      </tr>
    </table></td>
    <td width="557"><table width="484" border="0">
      <tr>
        <td width="241" class="style14">Entidad</td>
        <td width="233" class="style14"><select name="select12" size="1" id="select10" style="width: 230px"/>
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="256"><strong><span class="style17">Escala de peligrosidad</span></strong></td>
    <td colspan="2"><table width="808" border="0">
      <tr>
        <td width="176" class="style14">Muy reducida</td>
        <td width="55" class="style14"><input type="radio" ></td>
        <td width="171" class="style14">Reducida</td>
        <td width="50" class="style14"><input type="radio" ></td>
        <td width="176" class="style14">Moderada</td>
        <td width="56" align="center" class="style14"><input type="radio" ></td>
      </tr>
      <tr>
        <td class="style14">Elevada</td>
        <td class="style14"><input type="radio" ></td>
        <td class="style14">Muy elevada</td>
        <td class="style14"><input type="radio" ></td>
        <td class="style14">&nbsp;</td>
        <td align="center" class="style14">&nbsp;</td>
      </tr>
      </table></td>
    </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td width="265">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
	<input type="button" value="Quitar fila" onclick="ocultarFila(2,false);" />
</form>
</body>
</html>
Pero el problema es que si le quito la ultima fila, se degrada el formulario, alguien sabe como puedo dejarlo como esta pero sin la ultima fila, el problema fue que meti tablas dentro de un una celda, para que se aliniara el formulario, pero cuando elimino la ultima fila se degrada el formulario.
Me dijeron que usara divs, pero no tengo mucho conocimiento.