J'ai fait un cadre dans lequel doit figurer en haut à droite une image.
Le CSS donne :
(1) background-image:url(images/croix.gif);
background-position: top right;
background-repeat:no-repeat;
Et ça marche.
En voulant faire la règle abrégée, j'ai écrit :
(2) background-image:url(images/croix.gif) no-repeat top right;
Et là l'image n'apparaît pas.
.test{ background:url(images/croix.gif) no-repeat top right; }
Bien vu - j'avais oublié en effet ce "petit détail".
-- A+
Romer
SAM
Le 10/21/09 12:18 PM, Bernd a écrit :
Hi,
J'ai fait un cadre dans lequel doit figurer en haut à droite une image. Le CSS donne : (1) background-image:url(images/croix.gif); background-position: top right; background-repeat:no-repeat; Et ça marche.
En voulant faire la règle abrégée, j'ai écrit : (2) background-image:url(images/croix.gif) no-repeat top right; Et là l'image n'apparaît pas.
la réponse est ici : <http://www.yoyodesign.org/doc/w3c/css2/colors.html#propdef-background>
Avez-vous une idée où se trouve l'erreur en (2).
L'abrégé est 'background'
#croix {background:url(images/croix.gif) no-repeat right top;} #croix:hover {background-image:url(images/croix2.gif)}
Application de : <http://www.yoyodesign.org/doc/w3c/css2/colors.html#propdef-background-position>
'croix.gif' ressemblerait à qque chose comme : [o] [X] et, au survol, elle est glissée en fond de l'élément.
<div id="info"> <h2>blabla <span></span></h2>
-- sm
Le 10/21/09 12:18 PM, Bernd a écrit :
Hi,
J'ai fait un cadre dans lequel doit figurer en haut à droite une image.
Le CSS donne :
(1) background-image:url(images/croix.gif);
background-position: top right;
background-repeat:no-repeat;
Et ça marche.
En voulant faire la règle abrégée, j'ai écrit :
(2) background-image:url(images/croix.gif) no-repeat top right;
Et là l'image n'apparaît pas.
la réponse est ici :
<http://www.yoyodesign.org/doc/w3c/css2/colors.html#propdef-background>
Avez-vous une idée où se trouve l'erreur en (2).
L'abrégé est 'background'
#croix {background:url(images/croix.gif) no-repeat right top;}
#croix:hover {background-image:url(images/croix2.gif)}
Application de :
<http://www.yoyodesign.org/doc/w3c/css2/colors.html#propdef-background-position>
J'ai fait un cadre dans lequel doit figurer en haut à droite une image. Le CSS donne : (1) background-image:url(images/croix.gif); background-position: top right; background-repeat:no-repeat; Et ça marche.
En voulant faire la règle abrégée, j'ai écrit : (2) background-image:url(images/croix.gif) no-repeat top right; Et là l'image n'apparaît pas.
la réponse est ici : <http://www.yoyodesign.org/doc/w3c/css2/colors.html#propdef-background>
Avez-vous une idée où se trouve l'erreur en (2).
L'abrégé est 'background'
#croix {background:url(images/croix.gif) no-repeat right top;} #croix:hover {background-image:url(images/croix2.gif)}
Application de : <http://www.yoyodesign.org/doc/w3c/css2/colors.html#propdef-background-position>