Re: [Ovillo] decoracion web con imagenes

2006-05-10 Por tema stripTM
laura escribió:
 hola de nuevo!

 Es posible hacer que una imagen se convierta en el fondo de una zona
 de la web sin que por ello haya de tener otro contenido esta zona?.

 Como se hace para que una sola y diminuta imagen cubra una region
 extensa? lo he intentado con:

 #img_lateral{
 background: #fe url(IMG/naranja.png) scroll repeat-y 0
 100%;position:fixed;
 margin-top:200px;
 margin-left:150px;
 z-index:1;
 }

 Pero si no añado texto al div corresponiente ni siquiera se ve la
 imagen y no consigo que se acomplen de manera que parezca una imagen
 grande y llene de color una region de la pagina.

   

Me temo que vas a tener que esperar hasta que alguna vez salga CSS3
http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-background-size

Por ahora te tienes que conformar con repetir la imagen de fondo en 
horizontal y/o vertical.

Quizás se podría intentar meter la imagen en el html y sacarla del 
flujo, posicionarla y darla dimensiones y con el z-index meterla por 
debajo del contenido, pero me temo que va a ser complicado y vas a 
ensuciar el html, así que mejor olvida este párrafo jejeje.

-- 
Saludos -=stripTM=-

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] decoracion web con imagenes

2006-05-10 Por tema stripTM
laura escribió:
 hola

   
 Por ahora te tienes que conformar con repetir la imagen de fondo en
 horizontal y/o vertical.

 

 Eso es lo q intento hacer y no me sale, debo tener algo mal en la
 instruccion, pero no se que

   
 #img_lateral{
 background: #fe url(IMG/naranja.png) scroll repeat-y 0
 100%;position:fixed;
 margin-top:200px;
 margin-left:150px;
 z-index:1;
 }
 
Quita el scroll y las coordenadas, pon por ejemplo
background-image:url(IMG/naranja.png);

y comprueba que tienes una carpeta en el mismo sitio que el css llamada 
IMG y la imagen llamada naranja.png

http://www.sidar.org/recur/desdi/traduc/es/css/colors.html#background-properties

-- 
Saludos -=stripTM=-

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] decoracion web con imagenes

2006-05-10 Por tema laura
VALE, ya lo tengo!! :D , tengo q ponerle lo q quiero q ocupe de largo
y de ancho, asi que he añadido estas dos normas:

height: 100%; widht:25px;

de momento no estoy implementando lo del em para hacerla
liquida/elastica, estoy muy verde y no entiendo q relacion tienen px y
em, no sabria valorar cuantas unidades de em deberia poner.

gracias
On 5/10/06, stripTM fer@ .com wrote:

 
  #img_lateral{
  background: #fe url(IMG/naranja.png) scroll repeat-y 0
  100%;position:fixed;
  margin-top:200px;
  margin-left:150px;
  z-index:1;
  }
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] decoracion web con imagenes

2006-05-10 Por tema stripTM
laura escribió:
 VALE, ya lo tengo!! :D , tengo q ponerle lo q quiero q ocupe de largo
 y de ancho, asi que he añadido estas dos normas:

 height: 100%; widht:25px;

 de momento no estoy implementando lo del em para hacerla
 liquida/elastica, estoy muy verde y no entiendo q relacion tienen px y
 em, no sabria valorar cuantas unidades de em deberia poner.

   
No tienen relación 1em equivale al tamaño de la letra m según tiene el 
usuario configurado el tamaño de la fuente, es decir que para una 
persona 1em pueden ser 16px y para otra 50px

-- 
Saludos -=stripTM=-

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo