Comunidad PHPeros

Lenguajes => CSS => Mensaje iniciado por: Gamesito en 28 de Junio de 2011, 10:22:49 am

Título: [Duda Básica] Alineación de CSS
Publicado por: Gamesito en 28 de Junio de 2011, 10:22:49 am

Hola compañeros de Phperos tengo una pequeña duda quisiera poder alinear una barra de login, de forma de quede así:  (http://img.ihack.se/images/513092496484.png)

Por ahora solo puedo hacer que se vea: (http://img.ihack.se/images/413092496077.png)

Necesito saber un codigo css para poder ponerle un margen o algo (Estoy aprendiendo)

¡Gracias por vuesta ayuda!

Nota:

El codigo css que estoy utilizando es este:

.campo-contra{background:url(img/input-contra.png) no-repeat top right; text-align: left; border: none; width: 360px; height: 39px;
line-height: 27px; color: #333; font-size: 18px; font-family:Verdana, Geneva, sans-serif}

Título: Re:[Duda Básica] Alineación de CSS
Publicado por: Nad en 28 de Junio de 2011, 16:00:43 pm

Hola, tampoco se mucho de css pero alomejor puedes usar text-indent

Código: [Seleccionar]

text-indent:10px;

Título: Re:[Duda Básica] Alineación de CSS
Publicado por: Warlox en 28 de Junio de 2011, 18:58:46 pm

O también puedes ponerle un padding izquierdo:

Código: [Seleccionar]

padding-left:10px;

Título: Re:[Duda Básica] Alineación de CSS
Publicado por: westwest en 29 de Junio de 2011, 01:30:04 am

Warlox se me ha adelantado xD Pero eso tiene un problema, y es que si escribe más de lo que cabe en el campo de texto, se pasará el padding por el forrín y se pondrá encima de la imagen.
Yo suelo meter el input y la imagen en un div y separarlos.

Título: Re:[Duda Básica] Alineación de CSS
Publicado por: Gamesito en 30 de Junio de 2011, 14:06:46 pm

Muchas gracias me habeis ayudado :)