Foros del Web » Creando para Internet » HTML »

Como le podré hacer para centrar un formulario

Estas en el tema de Como le podré hacer para centrar un formulario en el foro de HTML en Foros del Web. Al poner el siguiente codigo se mueve en el archivo PHP y en Dreamwever la forma hacia el centro sin ningun problema pero al verla ...
  #1 (permalink)  
Antiguo 29/07/2009, 18:16
 
Fecha de Ingreso: febrero-2009
Mensajes: 10
Antigüedad: 8 años, 9 meses
Puntos: 0
Busqueda Como le podré hacer para centrar un formulario

Al poner el siguiente codigo se mueve en el archivo PHP y en Dreamwever la forma hacia el centro sin ningun problema pero al verla en el navegador sigue montada hacia la izquierda


<center>

<form1 method = POST XXXXXXX..................

</form>

</center>

También probé con este otro e igual se mueve en el Dreamweaver hacia el centro pero en el explorador tanto mozilla como explorer7 se va hacia la izquierda.

<tr>

<td div align=center

<(form id=form1 name=form1 method=POST ....................

</form>
</td>
</tr>

A ver si hay un valiente que me diga como es que si jalaría para el explorador el movimiento hacia el centro y que aplique en cualesquiera o por lo menos en explorer7 y en mozilla que son los mas vistos, pls.

Saludos a todos
  #2 (permalink)  
Antiguo 29/07/2009, 20:02
 
Fecha de Ingreso: noviembre-2008
Ubicación: Lima
Mensajes: 48
Antigüedad: 9 años
Puntos: 2
Respuesta: Como le podré hacer para centrar un formulario

prueba con esto haber
<html>
<head>
<title>centrar formulario</title>
</head>

<body>
<center>
<form id="form1" name="form1" method="post" action="">
nombre :
<input type="text" name="textfield" />
</form>
</center>
Dentro de una tabla
<table width="100%" border="0">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="2" align="center">
<form id="form2" name="form2" method="post" action="">
nombre :
<input type="text" name="textfield" />
</form>
</td>
</tr>
</table>
</body>
</html>
  #3 (permalink)  
Antiguo 30/07/2009, 00:42
Avatar de Corneja  
Fecha de Ingreso: febrero-2008
Ubicación: Senolaf
Mensajes: 268
Antigüedad: 9 años, 9 meses
Puntos: 8
Respuesta: Como le podré hacer para centrar un formulario

Este código es totalmente compatible con CSS3, no usa ni CENTER (está desfasado y no cumple con la norma) ni tablas (que sólo deben usarse para formatear datos)

Código HTML:
<div style="text-align:center;">
<form action="">
<input type="text" /><br>
<textarea cols="" rows=""></textarea>
</form>
</div> 
  #4 (permalink)  
Antiguo 30/07/2009, 16:52
 
Fecha de Ingreso: febrero-2009
Mensajes: 10
Antigüedad: 8 años, 9 meses
Puntos: 0
Busqueda Respuesta: Como le podré hacer para centrar un formulario

A ver aki te pongo mi código mejor y tu me dices que ondón y en dondeando mal pls.

<tr>
<td>En XXXXXXXXX y XXXXXXXXX nos interesa su opinión, envíenos sus comentarios a traves de nuestra forma de contacto.</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td valign="top">
<center>
<form action="<?php echo $editFormAction; ?>" id="form1" name="form1" method="POST">

<fieldset>

<div align="left">
<legend><span class="Estilo5">Tus Datos</span></legend>
</div>
<p align="left">
<label for="nombre">Nombre: <?php if (isset($perdido) && in_array('nombre', $perdido)) { ?>
<span class="advertencia">Por favor, escriba su Nombre</span><?php } ?>
</label>
<input name="nombre" type="text" class="textInput" id="nombre"
<?php if (isset($perdido)) {
echo 'value=" '.htmlentities($_POST['nombre']).' " ';
}
?>
/>
</p>
<p align="left">
<label for="apellidos">Apellidos: <?php if (isset($perdido) && in_array('apellidos', $perdido)) { ?>
<span class="advertencia">Por favor, escriba sus Apellidos</span><?php } ?>
</label>
<input name="apellidos" type="text" class="textInput" id="apellidos"
<?php if (isset($perdido)) {
echo 'value=" '.htmlentities($_POST['apellidos']).' " ';
}
?>
/>
</p>
<p align="left">
<label for="direccion">Dirección: </label>
<input name="direccion" type="text" class="textInput" id="direccion"

/>
</p>
<p align="left">
<label for="ciudad">Ciudad: <?php if (isset($perdido) && in_array('ciudad', $perdido)) { ?>
<span class="advertencia">Por favor, escriba su Ciudad </span><?php } ?>
</label>
<input name="ciudad" type="text" class="textInput" id="ciudad"
<?php if (isset($perdido)) {
echo 'value=" '.htmlentities($_POST['ciudad']).' " ';
}
?>

/>
</p>
<p align="left">
<label for="estado">Estado y País: </label>
<input name="estado" type="text" class="textInput" id="estado"

/>
</p>
<p align="left">
<label for="email">Email: <?php if (isset($perdido) && in_array('email', $perdido)) { ?>
<span class="advertencia">Por favor, escriba su eMail </span><?php } ?>
</label>
<input name="email" type="text" class="textInput" id="email"
<?php if (isset($perdido)) {
echo 'value=" '.htmlentities($_POST['email']).' " ';
}
?>
/>
</p>
<p align="left">
<label for="telefono">Teléfono: <?php if (isset($perdido) && in_array('telefono', $perdido)) { ?>
<span class="advertencia">Por favor, escriba su Teléfono </span><?php } ?>
</label>
<input name="telefono" type="text" class="textInput" id="telefono"
<?php if (isset($perdido)) {
echo 'value=" '.htmlentities($_POST['telefono']).' " ';
}
?>
/>
</p>
</fieldset>

<div align="left">
<fieldset>
<legend><span class="Estilo7">Tus Opiniones</span></legend>


<p align="left" class="clearIt">
<label for="interes">Tengo interes en: <?php
if (isset($perdido) && in_array('interes', $perdido)) { ?>
<span class="advertencia">Por favor, selecciona un valor</span><?php } ?>
</label>
<select name="interes" id="interes">
<option value="0" selected="selected">--Selecciona uno--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="otros">Otros</option>
</select>
</p>
<p align="left">
<label for="comentario">Comentario: <?php if (isset($perdido) && in_array('comentario', $perdido)) { ?>
<span class="advertencia">Por favor, escriba su Comentario</span><?php } ?>
</label>
<textarea name="comentario" cols="40" rows="4" id="comentario">
<?php if (isset($perdido)) {
echo htmlentities($_POST['comentario']);
}
?>
</textarea>
</p>
</fieldset>
<label for="enviar"></label>

<div align="center">
<input name="enviar" type="submit" class="clearIt" id="enviar" value="Enviar Comentarios" />
<input type="hidden" name="MM_insert" value="form1">
</div>
</div>

</form>
</center>


</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>

</table></td>

Saludos a to2


Tigre_Sultan
  #5 (permalink)  
Antiguo 31/07/2009, 00:19
Avatar de Corneja  
Fecha de Ingreso: febrero-2008
Ubicación: Senolaf
Mensajes: 268
Antigüedad: 9 años, 9 meses
Puntos: 8
Respuesta: Como le podré hacer para centrar un formulario

la etiqueta <center> está descontinuada, cámbiala por un div con text-align center
  #6 (permalink)  
Antiguo 31/07/2009, 22:50
 
Fecha de Ingreso: febrero-2009
Mensajes: 10
Antigüedad: 8 años, 9 meses
Puntos: 0
Busqueda Respuesta: Como le podré hacer para centrar un formulario

Me sucede lo mismo me manda la forma para el centro en el Dreamweaver pero a la hora de verla en el explorador me la manda hacia la izquierda.

Esta página no la diseñé yo desde el principio y fue hecha en base a tablas.

Te voy a poner el código completo = te molesto en revisarlo porque se me hace que el orden en como fueron escrito las tablas está afectando el que la forma no se vaya hacia el centro en el explorador.

Pienso yo salvo tu mejor opinion.

Saludos a todos


Tigre_Sultan
  #7 (permalink)  
Antiguo 01/08/2009, 01:47
Avatar de Corneja  
Fecha de Ingreso: febrero-2008
Ubicación: Senolaf
Mensajes: 268
Antigüedad: 9 años, 9 meses
Puntos: 8
Respuesta: Como le podré hacer para centrar un formulario

Ya que no parece que vayas a cambiar las tablas, una forma de asegurarte de que se va a ir al centro es meterle un align="center" al TD en el que te encuentres.
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 01:24.