altura para un background

minkweb · #1 (**permalink**) 02/09/2007, 14:33

tengo un problema, necesito colocar una imagen de background pero alterar su altura

por ejemplo la imagen "fondo.jpg" mide 100px d altura, necesito que a la hora de llamarla pueda hacer que se muestre de 50px de altura,¿que etiqueta puedo usar?

background-height?¿ algo asi.. si alguien sabe como puedo hacerlo ayudeme porfa que tengo necesidad.. me urge mucho =)

txels · #2 (**permalink**) 02/09/2007, 15:29

Puedes usar un DIV, así por ejemplo:

<div id="idDIV" style="position:absolute; height:50px; background:url(fondo.jpg);">

</div>

Pon dentro el contenido que necesites, y así solo mostrarías, 50px de alto de la imagen de fondo...

minkweb · #3 (**permalink**) 02/09/2007, 16:28

no captaste la idea, yo quiero "redimencionarla" no "cortarla" osea.... achikarla a 50px .. no mostrar solo 50px.. eso que tu propones cortaria la imagen

mbavio · #4 (**permalink**) 04/09/2007, 12:42

Ja. Esto no es CSS para nada. Deberias utilizar la libreria GD de PHP para redimensionar la imagen, luego copiarla al servidor, y luego ponerla como fondo. Todo un lio.

Saludos.

mreyesb · #5 (**permalink**) 05/09/2007, 01:05

hace tiempo por ahí encontre una solución a esto con css:

HTML
<body>
<div id=”contenedor”>
<h1>Contenedor de la imagen</h1>
<img src=”ejemplo.jpg” alt=”imagen en porcentaje” title=”imagen en porcentaje” />
</div>
<body>

CSS
#contenedor{
width: 100%;
height: 50%;
}
img{
width: 94%;
margin: 2% 3% 3% 3%;
}

se ajusta el width de la imagen con porcentajes, en relación a su contenedor padre.

no se si puede al ponerla de fondo con la propiedad background (creo que no)... pero puedes poner la imagen en el div contenedor de tu sitio asi simularia ser un fondo... no se si me entiendes, y sobre este los otros div que nesesites.