Background-image

Le
romer
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.

Avez-vous une idée où se trouve l'erreur en (2).

Merci
--
A+

Romer
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
yamo'
Le #22047831
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
.test{
background:url(images/croix.gif) no-repeat top right;
}

--
Stéphane
http://pasdenom.info/fortune
romer
Le #22047821
yamo'
.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 #22047811
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 :

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 :

#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
romer
Le #22047801
SAM
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
Publicité
Poster une réponse
Anonyme