SoloCodigo

Programación Web y Scripting => HTML => CSS / SASS / LESS => Mensaje iniciado por: mustang en Lunes 21 de Agosto de 2006, 18:57

Título: Ajustar Tamaño De Background
Publicado por: mustang en Lunes 21 de Agosto de 2006, 18:57
Hola, con una duda: alguien sabe si se puede ajustar el tamaño de una imagen en una hoja de estilos?
Tengo la propiedad
Citar
background-image:url('/_layouts/images/top.png');
pero solo me pone la imagen en su tamaño natural, se puede ajustar al tamaño para que se vea a todo el largo? Gracias!!!
Título: Re: Ajustar Tamaño De Background
Publicado por: x.cyclop en Lunes 21 de Agosto de 2006, 22:01
Código: Text
  1. width: 100%;
  2. height 100%;
  3.  
  4.  

 :comp:
Título: Re: Ajustar Tamaño De Background
Publicado por: mustang en Jueves 9 de Noviembre de 2006, 21:24
Cita de: "X.Cyclop"
Código: Text
  1. width: 100%;
  2. height 100%;
  3.  
  4.  

 :comp:
Hola, gracias por la respuesta pero no me ha funcionado, lo ke pasa es ke la imagen la estoy poniendo de background en una especia de banner en la parte superior de la pantalla de este modo:
Código: Text
  1.  
  2. .ms-bannerframe{
  3. background-image:url('banner-25-oct.jpg');
  4. background-color:#FFFFFF;
  5. height:90;
  6. }
  7.  
  8.  
entonces como la imagen es mas pequeña no se ajusta al largo del banner, y lo unico ke pude hacer es ke la repitiera pero pues no me sirve.
Sabrán algo al respecto??
Muchas gracias
Título: Re: Ajustar Tamaño De Background
Publicado por: ArKaNtOs en Viernes 10 de Noviembre de 2006, 04:05
mira los backgrounds no los puedes hacer mas grandes o pequeños, solo puedes repetirlos, ponerlos en cierto lugar, fixed o scroll

pero te puede servir usar imagenes sobrepuestas con position: absolute; no crees?

algo asi:
[dohtml]
<img src="http://foros.solocodigo.com/uploads/av-13163.jpg" width='250' height='250' style='position: absolute; left:250px; top:2000px'>[/dohtml]
y el code es algo asi:

<img src="http://foros.solocodigo.com/uploads/av-13163.jpg" width='250' height='250' style='position: absolute; left:250px; top:1000px'>