28220 sujets

CSS et mise en forme, CSS3

Salut à tous,

Voici donc mon code CSS :

h2 {
	background: #fff url(images/haut_droit.gif) no-repeat left top;
	background: #fff url(images/haut_gauche.gif) no-repeat right top;
	font-size: 1em;
	margin: 0;
	margin-bottom: 7px;
	padding: 2px;
	padding-left: 7px;
	color: #000;
}


Problème, dans mon h2 seul "images/haut_gauche.gif" s'affiche, l'autre image "images/haut_droit.gif" ne s'affiche pas Smiley ohwell

Comment faire, est t'on obligé de "bricoler" (rajouter deux divs, etc) ? Smiley decu

Merci d'avance Smiley smile
Modifié par are (05 May 2005 - 08:52)
Dans ce cas là, la deuxième propriété écrase la valeur de la première. C'est pour cela que seul l'image haut_gauche.gif est prise en compte (ainsi que tous les attributs qui vont avec).

Et si ton but est de pouvoir mettre 2 fonds sur un même texte, c'est malheureusement impossible en n'utilisant qu'une seule balise Smiley decu

Il va falloir "bricoler" ^^ (Mais pas avec 2 <div> !? Un simple <span> fait l'affaire...)
bonsoir et bienvenue,
Je ne connaît aucune solution miracle Smiley decu ... On est obligé de bricoler. Les CSS actuels n'autorisent qu'une seule image de fond. C'est d'ailleurs bien dommage.
IlSandor.

Edit : Je suis en retard de 31 secondes Smiley bawling . Enfin bon... tu ne peux pas utiliser de divs dans une balise h2, donc automatiquement tu dois te rediriger vers des spans.
Modifié par ilsandor (05 May 2005 - 02:24)