Foros del Web » Creando para Internet » CSS »

Problema con div y form de un renglon

Estas en el tema de Problema con div y form de un renglon en el foro de CSS en Foros del Web. Amigos, Paso a detallar un problema que no le encuentro solucion. Tengo un div con un valor height: 20px, dentro de ese div va un ...
  #1 (permalink)  
Antiguo 29/05/2009, 19:31
 
Fecha de Ingreso: diciembre-2007
Mensajes: 178
Antigüedad: 9 años, 9 meses
Puntos: 1
Problema con div y form de un renglon

Amigos,

Paso a detallar un problema que no le encuentro solucion.

Tengo un div con un valor height: 20px, dentro de ese div va un formulario de una sola linea.

Usuario [ ] Password [ ] [Loguear]

Aqui el codigo:
Código:
<html>
 <head>  
 <link rel="stylesheet" type="text/css" href="styles.css" />  
 <style type="text/css">
 body{margin: 0; padding: 0}
 #page{  width: 1004px;  height: 550px;}
 #top{  width: 1004px;  height: 120px;  background-color: #7398a2;}
 #subtop{  width: 1004px;  height: 20px;  background-color: #ccccdb; float:left; padding:0px; border-spacing:0px}
 #mediosubtop{  width: 390px; float:right; padding:0px}
 #leftContent{  width: 230px;  height: 390px;  background-color: #abcabc;  float:left;}
 #centerContent{  width: 544px;  height: 390px;  background-color: white;  float:left;}
 #rightContent{  width: 230px;  height: 390px;  background-color: #abcabc;  float:left;}
 #foot{  width: 1004px;  height: 80px;  background-color: #f0ae73;  float: left;}
 </style> 
 <title>Titulo</title> </head> 
  <body>
    
   <div id="page">     
   <div id="top"></div> 
   <div id="subtop">
   <div id="mediosubtop">
   <form><table border="0"><tr><td>Usuario:</td><td><input type="text" name="us" id="usr" size="10"></td>&nbsp;&nbsp;<td>Password:</td><td><input type="password" name="pa" id="paw" size="10"></td><td><input type="submit" value="Log"onClick="sendQuerystring(userr(),pass())"></td></tr></table></form>   </div>
   </div>    
   <div id="leftContent"></div>     
   <div id="centerContent">
    Esto va al medio. 
   </div>     
   <div id="rightContent"></div>     
   <div id="foot"></div>   </div> 
</body>
   </html>
El problema que tengo es que cuando imprimo el formulario el div se ensancha demasiado, mucho mas que el ancho del formulario (es como si generara un renglon mas).
Si alguien sabe como se soluciona esto se lo agradezco mucho.

Saludos para todos.
  #2 (permalink)  
Antiguo 30/05/2009, 03:20
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 1 mes
Puntos: 54
Respuesta: Problema con div y form de un renglon

fijate q tenes unos espacios ....ze="10"></td>&nbsp;&nbsp;<td>Password:.... sacalos probablmente eso haga el colapso
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 30/05/2009, 03:51
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 4 meses
Puntos: 538
Respuesta: Problema con div y form de un renglon

¿Y porqué usar una tabla para eso? Utiliza las etiquetas propias de los formularios y das los tamaños y separaciones aplicando las propiedades de css:
Código html:
Ver original
  1. <form method=".... >  
  2. <fieldset id="formulario">            
  3.         <label for="usuario" >Nombre*:</label>
  4.         <input id="usuario" name="usuario" type="text" accesskey="n" value="Su Nombre" />
  5. ...
  6.    </fieldset>            
  7. </form>
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:40.