Foros del Web » Creando para Internet » CSS »

Centrar Formulario

Estas en el tema de Centrar Formulario en el foro de CSS en Foros del Web. Hola a todos Creo que esta pregunta ya ha sido respondida antes, pero no se donde ... En todo caso, me imagino que no debe ...
  #1 (permalink)  
Antiguo 28/01/2006, 16:31
 
Fecha de Ingreso: octubre-2004
Mensajes: 143
Antigüedad: 13 años, 2 meses
Puntos: 0
Centrar Formulario

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
  #2 (permalink)  
Antiguo 28/01/2006, 16:50
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 12 años, 8 meses
Puntos: 0
Hola, muy bonito el formulario, para centrarlo modifique el form asi:
Código PHP:
form
{
   
padding:2px;
   
cursor:pointer;
   
display:block;
   
width:290px;
   
margin0 auto;
   
text-align:left;

¿Alguna razón para flotarlo?
  #3 (permalink)  
Antiguo 28/01/2006, 17:10
 
Fecha de Ingreso: octubre-2004
Mensajes: 143
Antigüedad: 13 años, 2 meses
Puntos: 0
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
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 14:14.