personalizar formulario

oscarios · #1 (**permalink**) 23/08/2010, 08:03

buenos dias, acudo a ustedes esta vez para pedirles su ayuda, me urge personalizar un formulario html, he intentado muchas cosas desde antier, he querido ponerle una imagen que hice en fireworks que es un rectangulo con esquinas redondeadas pero no he podido cuadrarla el texto se me pone arriba, no le puedo poner margen en fin, agradeceria su importante ayuda!!!!!

lair · #2 (**permalink**) 23/08/2010, 08:22

Hola.

Mustranos tu codigo y te ayudamos a corregirlo.

Espero respuesta.

oscarios · #3 (**permalink**) 23/08/2010, 08:42

Código CSS:

Ver original.textbox1 {
    background-image: url(imgs/sample.jpg);
    height: 24px;
    width: 200px;
    border: 1px solid #FFF;
    background-repeat: no-repeat;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
}

pero al final la letra pasa derecho por el borde de la imagen lo supera como 20 px mas alla.

gracias por tu ayuda.

lair · #4 (**permalink**) 23/08/2010, 09:09

Osea que tu imagen es mas pequeña que el campo??
ajusta el valor del width para que tengan la misma longitud

Espero haber entendido tu problema, sino es asi espero mas informacion

oscarios · #5 (**permalink**) 23/08/2010, 09:20

no el height: 24px; width: 200px; son el tamaño real de la imagen. el cursor se posiciona bien, cuando escribo llega al otro extremo y me supera el borde y hace que el inicio tambien me supere el borde hacia atraz.

gracias por tu ayuda

ArturoGallegos · #6 (**permalink**) 23/08/2010, 10:32

el problema son los padding recuerda que estos se suman al width de tu input
es este caso la imagen es de 200px de ancho y en el css estas colocando 200 + 8 + 8 = 216px

coloca en tu css 184px de ancho para que coincida con los 200px de la imagen

el mismo caso es con el height

oscarios · #7 (**permalink**) 23/08/2010, 12:05

Eso perfecto ahora si me cuadro, mil gracias
otra pregunta como personalizo la barra scrooll del text area y el botoncito del select_?

ArturoGallegos · #8 (**permalink**) 23/08/2010, 13:03

la barra scroll del textarea no estoy muy seguro de que se pueda, y del select no se puede

o si algún otro compañero del foro conoce una técnica viable que nos ilumine a los dos jeje

y con decir viable me refiero a que sea lo mas fácil y rápida posible, porque algunas veces hay formas pero es complicarnos la vida por un detalle que puede no valer la pena

oscarios · #9 (**permalink**) 23/08/2010, 14:00

ok gracias Ag666 por tu valiosa ayuda!!!