Foros Club Delphi - Ayuda con una chorrada CSS

Foros Club Delphi (https://www.clubdelphi.com/foros/index.php)

- HTML, Javascript y otros (https://www.clubdelphi.com/foros/forumdisplay.php?f=38)

- - Ayuda con una chorrada CSS (https://www.clubdelphi.com/foros/showthread.php?t=47139)

snowlis

19-08-2007 21:00:33

Ayuda con una chorrada CSS

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	20-08-2007 00:34:59

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:

Código:

.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	20-08-2007 17:57:48

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

21-08-2007 18:36:20

Hola

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

La franja horaria es GMT +2. Ahora son las 04:36:06.