Comportement surprenant de background

Le
romer
Bonjour,

Je viens de positionner une petite flèche devant un titre à l'aide des
css :

h2{ background-color:#edad6e;
color:#fff;
padding-left: 2.2em;
background-image: url (images/fleche.gif);
background-position:1% 50%;
background-repeat:no-repeat;
}

Ça marche bien.

Mais en voulant utiliser la notation abrégée, plus rien ne fonctionne -
on ne voit même plus rien !

h2{ background-color:#edad6e;
color:#fff;
padding-left: 2.2em;
background: url (images/fleche.gif) no-repeat 1% 50%;
}

Manquerait-il quelque chose ?

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
Olivier Miakinen
Le #22076361
Le 03/05/2008 14:15, Bernd a écrit :

Mais en voulant utiliser la notation abrégée, plus rien ne fonctionne -
on ne voit même plus rien !

h2{ background-color:#edad6e;
color:#fff;
padding-left: 2.2em;
background: url (images/fleche.gif) no-repeat 1% 50%;
}

Manquerait-il quelque chose ?



Ne manquerait-il pas le background-color, que tu écrases avec ton
background abrégé ?

Essaye :

h2 {
color:#fff;
padding-left: 2.2em;
background: #edad6e url (images/fleche.gif) no-repeat 1% 50%;
}
romer
Le #22076341
Olivier Miakinen
Ne manquerait-il pas le background-color, que tu écrases avec ton
background abrégé ?

Essaye :

h2 {
color:#fff;
padding-left: 2.2em;
background: #edad6e url (images/fleche.gif) no-repeat 1% 50%;
}



Bien vu, ça fonctionne bien et c'est plus concis ainsi.
Au passage et en faisant moult essais, je m'aperçois que la notation url
(images/fleche.gif) ne marche pas contrairement à url(images/fleche.gif)
- donc l'espace est non désirée après url.
Ça aussi faut le savoir ;-)
--
A+

Romer
Publicité
Poster une réponse
Anonyme