Como le podré hacer para centrar un formulario

Tigre_Sultan · #1 (**permalink**) 29/07/2009, 17:16

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

vega_012 · #2 (**permalink**) 29/07/2009, 19:02

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> </td>
<td> </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>

Corneja · #3 (**permalink**) 29/07/2009, 23:42

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>

Tigre_Sultan · #4 (**permalink**) 30/07/2009, 15:52

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> </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> </td>
</tr>

</table></td>

Saludos a to2

Tigre_Sultan

Corneja · #5 (**permalink**) 30/07/2009, 23:19

la etiqueta <center> está descontinuada, cámbiala por un div con text-align center

Tigre_Sultan · #6 (**permalink**) 31/07/2009, 21:50

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

Corneja · #7 (**permalink**) 01/08/2009, 00:47

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.