Background-image

Salut,

Bernd a tapoté, le 21/10/2009 12:18:

(2) background-image:url(images/croix.gif) no-repeat top right;
Et là l'image n'apparaît pas.

Le validateur <http://jigsaw.w3.org/css-validator/#validate_by_input> veut :

.test{
background:url(images/croix.gif) no-repeat top right;
}

--
Stéphane
http://pasdenom.info/fortune

yamo' <yamo@replyto.invalid> wrote:

.test{
background:url(images/croix.gif) no-repeat top right;
}

Bien vu - j'avais oublié en effet ce "petit détail".

--
A+

Romer

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>

#info h2 span { postion:absolute;top:0;right:0;width:20px;height:20px
background:url(images/croix.gif) no-repeat right center;
cursor:pointer;border:3px outset}
#info h2 span:hover {background-position:left center;border-style:inset}

'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

SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> wrote:

L'abrégé est 'background'

#croix {background:url(images/croix.gif) no-repeat right top;}
#croix:hover {background-image:url(images/croix2.gif)}

Merci - il y avait en effet une subtilité qui a son importance.
--
A+

Romer