hueco que queda entre dos lineas

[chuntin]

como puedo quitar el hueco que queda entre dos lineas? me explico:

Código HTML:

<p><input name="email_address" type="text" onClick="this.value='';" class="Mail" id="Mail" value="E-mail de acceso"><br />
            <input name="password" type="password" class="Pass" id="Pass" onClick="this.value='';" value="clave"></p> 

tengo un formulario con estos input. cada input tiene de fondo una imagen (la pongo con css) y quiero que el <br> que pongo no me deje una linea entre medio porque las dos imagenes forman una.

he intentado poner dentro de <input border="0" > pero no hace nada

si no me entendeis preguntarme por favor.

gracias de antemano

[jomaruro]

Hola:

Iniciado por chuntin

y quiero que el <br> que pongo no me deje una linea entre medio porque las dos imagenes forman una.

Y entonces ¿Para que pones el <br>?

Saludos.

[chuntin]

porque tiene que estar una imagen encima de otra.

las dos imagenes forman un cuadrado. de ese cuadrado la mitad superior(1ª imagen) es donde se introduce el usuario y la mitad inferior(2ª imagen) es donde se pone la clave.

[chuntin]

nadie sabe como solucionarlo?

[chuntin]

al final ya lo he sacado yo.

[C2am]

Estaría bueno que publiques como lo solucionaste, siempre le servirá a alguien.
El <br/> no es necesario, se puede solucionar solo con css, sin agregar ese salto de línea.
Tal vez poniendo esos fondos en el <p> y no en los inputs.
Saludos

[chuntin]

estan como fondos en css pero los inputs tengo que colocar uno encima de otro y lo hago poniendo un br, sino nose como, si pongo <p> me deja mucho mas hueco entre uno y otro. lo solucione ajustando los padding-top de cada uno en css.

[C2am]

Le podrías poner al p un ancho igual o un poquito más grande que el input mas ancho, con eso no permites que se pongan lado a lado, sino que obligas a que se coloquen uno debajo del otro.