Centrar Formulario

[jotamachuca]

Hola a todos

Creo que esta pregunta ya ha sido respondida antes, pero no se donde ... En todo caso, me imagino que no debe ser una solcuion trivial porque no me ha resultado nada de lo que he buscado

Tengo un formulario de envio de correo, pero la gracia que quiero es solamente utilizar tags de html para el formulario, cosa de no tener ningun div de alineación . El formulario es el siguiente

Código:

<form method="post" action="1016.php">
   <fieldset>
      <legend>Formulario de Contacto</legend>
      <label>Nombre </label><input type="text" name="nombre" size="30" maxlength="100" />
      <label>Correo Electr&oacute;nico</label><input type="text" name="correo" size="30" maxlength="100"/>
      <label>Comentario</label><textarea name="comentario" cols="30" rows="7"></textarea>
      <input type="submit" value="Enviar Formulario" />
   </fieldset>
</form>

Ahora el CSS

Código:

form
{
   float:left;
   padding:2px;
   cursor:pointer;
   display:block;
   width:290px;
   margin:auto;
   text-align:left;
}
legend
{
   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
   font-weight: bold;
}
label
{
   display: block;
   padding:2px;
   margin:2px;
   cursor:pointer;
}

input,select{
   margin:2px; 
   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   display: block;
}
.noblck
{
   display: inline;
}

fieldset{
   float: left;
   width: 100%;
   display: block;
}
textarea
{
   width:100%;
}

El asunto es que quiero centrar el formulario, pero solo a través del CSS, no quiero modificar el código html.

Sepuede ,.. espero que si

Gracias a todos

Saludos

[RoQ]

Hola, muy bonito el formulario, para centrarlo modifique el form asi:

Código PHP:

  form
{
   padding:2px;
   cursor:pointer;
   display:block;
   width:290px;
   margin: 0 auto;
   text-align:left;
} 
   

¿Alguna razón para flotarlo?

[jotamachuca]

Hola a todos

Si funciono , pero no en el form, sino en el fieldset. Al final la hoja quedo así

Código:

#contacto form
{
   padding:2px;
   cursor:pointer;
   display:block;
   width:290px;
   margin: 0 auto;
   text-align:right;
}
#contacto legend
{
   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
   font-weight: bold;
}
#contacto label
{
   display: block;
   padding:2px;
   margin:10px 0 0 10px;
   cursor:pointer;
}
#contacto input, #contacto  select 
{
   margin: 0 0 0 10px ;
   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   display: block;
}

#contacto textarea
{
   margin: 0 10px 10px 10px;
}
#contacto fieldset
{
   padding:2px 0 10px 0 ;
   cursor:pointer;
   display:block;
   width:220px;
   margin: 0 auto;
   text-align:left;
}

Espero que le sirva a alguien mas.. Al final tuve que poner un id (contacto), ya que me salio otro formulario, pero con distinto estilo ... el cliente siempre tiene la razon.. lo bueno es que fueron 2 lineas de codigo en el html y agregar el id a la hoja de estilos

Saludos a todos