Diego Mart�n Lafuente escribi� (Wed, 27 Apr 2005 10:28:17 +0200):
> div.unaclase {
> background: #fff url(/img/info_error.png) top left right bottom no-
> repeat repeat-x repeat-y; }
>
> Se pueden usar values en p�xeles y porcentajes tambi�n
Con tu permiso, Diego, creo que el ejemplo que pones puede no
entenderse demasiado bien, puesto que muestras todas las posibles
opciones de posici�n y de repetici�n del background, y quiz�s alguien
piense que hay que ponerlas todas ;-)
la estructura podr�a ser:
background: [color] [url de la imagen] [posici�n] [repetici�n] [attachment];
[color]: pues eso mismo, el color en hexadecimal (supongo que otros
formatos tambi�n valdr�n)
[url de la imagen]: tal y como pone Diego y se ha dicho antes, mejor
sin comillas, del estilo url(imagen.png)
[posici�n]: lugar donde se va a colocar la imagen horizontal y
verticalmente, p. ej: bottom left.
Tambi�n se puede indicar con px o cualquier otra unidad de medida
(em, %...) de forma que la primera corresponder�a a la posici�n desde
el borde izquierdo del elemento y la segunda desde el borde superior.
Por ejemplo: "5px 10px" colocar�a la imagen de fondo a 5px del borde
izquierdo y 10 del superior.
[repetici�n]: si queremos que la imagen se repita haciendo mosaico
(por defecto), s�lo en horizontal (repeat-x), s�lo en vertical
(repeat-y) o que no se repita en absoluto (no-repeat).
[attachment]: podemos establecer que la imagen de fondo no se desplace
con el bloque que contiene (fixed)
en el caso en cuesti�n:
background: transparent url(img/info_error.png) center left no-repeat fixed;
suponiendo que la ruta sea la correcta :o)
saludos
--
Ram�n
demasiado viejo para ser una joven promesa,
demasiado joven para ser una vieja gloria,
pero a�n as� trabajando duro para Simplel�gica: apariencia,
experiencia y comunicaci�n en la web
http://simplelogica.net # (+34) 98 522 12 65
http://simplelogica.net/caoticoneutral/
_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n:
http://ovillo.org/mailman/listinfo/ovillo
