Ayuda con una chorrada CSS

[snowlis]

Estoy ahora aprendiendo CSS (hojas de estilo en cascada para el diseño web) y me he atascado en una cosa que nose como hacerla.

Tengo una imagen normal que es un rectangulo con las esquinas redondeadas y lo que pretendo es poner encima de esa imagen un cuadro de texto y un boton que diga buscar.

He probado de diferentes maneras y no hay manera, siempre me lo pone a un lado.

Alguien puede echarme una mano ?

[xEsk]

No sé como lo estás haciendo, pero el funcionamiento no es poner una imagen y por encima la caja de texto, sino ponerle un fondo a la caja de texto.

Te pongo un ejemplo de como crear una caja de texto, con un fondo y propiedades especificas:

.CajaTexto {
border-width:0px;
border-style:none;
font-size:11px;
color:#006bb9;
width: 102px;
height: 16px;
background-image: url("./caja_texto_fondo.png");
background-repeat: no-repeat;
background-position: right;
}

Saludos.

[dec]

Hola,

Lo que dice el compañero es lo suyo, me parece. Y aún puedes ir más allá, puesto que nada te impide asignar una imagen de fondo para un contenedor (DIV) del botón y de la casilla de texto. Independientemente de que la propia casilla tenga una imagen de fondo también.

[kayetano]

Hola

Yo añadiría "line-height" para centrar el texto verticalmente.