Ver Mensaje Individual
  #2 (permalink)  
Antiguo 06/09/2007, 10:24
Ricky77
 
Fecha de Ingreso: abril-2007
Mensajes: 18
Antigüedad: 17 años, 7 meses
Puntos: 0
Re: Formularios con bordes redondeados que se extienda.

Tienes dos opciones:



1- Utilizar el -moz-border-radius para redondear los bordes

Para usarlo:

Código:
xxx {
  border: 2px solid black;
  width: 400px;
  height: 400px;
  /* ahi van los valores para redondear por ejemplo más los lados de la derecha que los de la izquierda, para otras opciones usa ingeniería inversa ;) */
  -moz-border-radius: 10px 200px 200px 10px;
(aunque sólo te servirá para navegadores mozilla)


2- Introduce el formulario en un div general y añade en su interior dos div más. Uno sobre el form y otro debajo.

Dale a ambos divs el width y height que creas necesario y de background le pones la imagen que quieras para redondear los bordes.

Luego en el formulario le das el estilo que vaya en acorde a las imagenes y eliminas los bordes superiores para que case sin problema con las imagenes contenidas en los divs.

De ese modo por mucho que estires el formulario los bordes permanecerán inamovibles.


El html sería Algo así:

Código:
<div id="container">
<div class="superior"></div>
<form></form>
<div class="inferior"></div>
</div>
Si deseas que la página valide deberas meter algo de texto en los divs. Para que no se vea puedes hacer que tengan el mismo color que el fondo, o le puedes meter un text-indent: -50000px; para que te envíe el texto a cuenca y no lo vea nadie.