Foros del Web » Creando para Internet » CSS »

Bordes redondeados en input

Estas en el tema de Bordes redondeados en input en el foro de CSS en Foros del Web. Un saludo a [email protected] los [email protected] Quisiera darle diseño a los input de la web que estoy desarrollando, y ponerle los bordes redondeados, tanto en ...
  #1 (permalink)  
Antiguo 29/04/2010, 04:28
 
Fecha de Ingreso: enero-2009
Mensajes: 19
Antigüedad: 8 años, 11 meses
Puntos: 0
Bordes redondeados en input

Un saludo a [email protected] los [email protected]

Quisiera darle diseño a los input de la web que estoy desarrollando, y ponerle los bordes redondeados, tanto en IE como en Firefox...
He probado a ponerle al input una imagen de fondo con el borde ya dibujado, pero cuando escribo un texto largo en el input se me junta con el borde de la imagen tal que asi:
http://www.rafalopezgarcia.es/img/01.jpg

Pensé que la solución sería ponerle un padding por la izquierda,y funciona perfectamente en Firefox, pero en ID se produce el mismo efecto.
He probado con text-indent, pero tampoco funciona.

El estilo que aplico al input es el siguiente:

.contieneFormulario input
{
width: 175px;
height: 17px;
border:0;
background-image: url(../images/input.jpg);
background-repeat: no-repeat;
background-position:bottom right;
margin-left: 15px;
padding-left: 10px;
text-indent: 5px;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
color: #820f3b;
}

¿Alguien ha tenido el mismo problema?

Gracias.
  #2 (permalink)  
Antiguo 29/04/2010, 10:28
Avatar de kyedesigns  
Fecha de Ingreso: abril-2010
Ubicación: Continuamente en movimiento...
Mensajes: 99
Antigüedad: 7 años, 8 meses
Puntos: 4
Respuesta: Bordes redondeados en input

Hola

Puede ser que esto ayude:
Cita:
http://articles.sitepoint.com/article/css-round-corners-boxes-curves
Una opción es crear no solo una imagen de fondo, sino 3, me explico, una que se para la izquierda, otra al centro y la otra para la derecha. Esto te dará mas libertad y evitara el problema del texto.

Saludos
  #3 (permalink)  
Antiguo 29/04/2010, 11:27
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Bordes redondeados en input

la solucion a todos nuestros formularios... http://www.emblematiq.com/lab/niceforms/


  #4 (permalink)  
Antiguo 29/04/2010, 17:59
 
Fecha de Ingreso: septiembre-2008
Mensajes: 138
Antigüedad: 9 años, 3 meses
Puntos: 2
Respuesta: Bordes redondeados en input

hola otras 2 opciones para probar:

http://lipidity.com/fancy-form/
http://www.purosoftware.com/desarrol...sexyforms.html

Etiquetas: bordes, input, redondeados
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 22:04.