entrada html imagen de fondo con

Hola chicos imagen de fondo he puesto en mi texto de entrada y el área de texto pero tengo unos pequeños problemasentrada html imagen de fondo con

He adjuntado imagen. ¿Cómo puedo cambiar la posición de inicio del texto en la entrada de texto del nombre?

y mi área de texto es más grande que mi imagen de fondo

entonces este es mi entrada de texto Nombre con el estilo

input type="text" name="txtName" class="input" /> 

.input 
{ 
    border: 0px solid #444444; 
    height:39px; 
    width:346px; 
    background:url(images/Contact_05.jpg) no-repeat right top; 
    color:#fff; 
    padding-left:4px; 
    font-size:20px; 
    }

y aquí está mi área de texto

<textarea rows="5" cols="0" class="inputMessage"></textarea> 
.inputMessage 
{ 
    border:0px solid #444444; 
    height:386px; 
    width:685px; 
    background:url(images/Contact_20.jpg) no-repeat left top; 
    padding-left:4px; 
    color:#fff; 
    font-size:20px; resize:none; 
    }

algún consejo? enter image description here

Fuente

2012-01-12 Irakli Lekishvili

¿Puede aclarar? Para los cuadros de entrada, es posible que desee agregar algunos píxeles de relleno a la izquierda. Para el área de texto, tal vez un poco de relleno, correcto. – Different55

Si puede usar CSS3, puede hacer todo sin imágenes. 'textarea {border-radius: 5px;}' te dará un buen comienzo. –

Establezca el relleno-izquierda a un valor mayor en sus entradas, y disminuya el ancho de su área de texto.

Cuando diseñe su formulario, sería bueno colocar un borde temporal alrededor de sus entradas para ver dónde están realmente posicionadas, y cuando termine, quítelo.

Fuente

2012-01-12 23:00:53

padding:10px;

(o más) en input y textarea.

Fuente

2012-01-14 16:25:03 Erick

Respuesta

Cuestiones relacionadas