Page 1 sur 1

background-image est buggé (ou c'est moi :D)

Publié : 30 août 2007, 18:26
par arcanis
Salut!
Juste un passage pour signaler une erreur (de ma part ou de celle de FF ^^) dans la gestion de l'attribut de style background-image.
Le code suivant:

HTML :

Code : Tout sélectionner

<blockquote>test</blockquote>
CSS :

Code : Tout sélectionner

blockquote {
}	background: url(./images/forum/bgquotes.png) top right no-repeat #d6e4ed;
	padding: 3px;
	font-size: 12px;
	border: 1px solid #b9b5dd;
ne marche pas (l'image d'arrière-plan n'est pas affichée). J'ai essayé en mettant l'attribut background dans l'attribut style direct de blockquote, et ça marche. Les autres attributs css (padding, border, ...) marchent.
Autre chose bizarre: quand j'active l'édition de css avec WDT, l'image s'affiche. Dès que je désactive, elle disparait.
Est-ce que vous sauriez comment résoudre ce problème? Je préfèrerais éviter de mettre l'url de l'image dans l'attribut style (problème de poids de la page, au final).

Merci d'avance!
Arcanis

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Publié : 30 août 2007, 19:26
par Benoit
Ça ne marche pas mieux avec des guillemets autour du nom du fichier ?

Publié : 30 août 2007, 19:49
par jpbardiau
pour moi, le code correct serait plutôt celui-ci :

Code : Tout sélectionner

blockquote {
   background-image: url(../images/forum/bgquotes.png); top right no-repeat #d6e4ed;
   padding: 3px;
   font-size: 12px;
   border: 1px solid #b9b5dd;
}
 
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; wa; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Publié : 30 août 2007, 20:09
par arcanis
Non, aucun changement. :?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Publié : 30 août 2007, 21:55
par nico@nc
Bonjour,

Peux-tu donner l'adresse de la page, si elle est en ligne ?

Et comme l'indique jpbardiau, l'accolade doit tout englober ; il ne te viendrait pas à l'esprit de faire un entre-parenthèses comme ceci ()ce texte est entre parenthèses :P

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Publié : 31 août 2007, 09:14
par Invité
hein?
ah vui, désolé. Je me suis gouré en faisant le copier-coller.

J'ai enregistré la page (qui a toujours le problème, même avec une autre balise (code en display block)) ici.
Et oui, va falloir que je corrife le problème de charset :mrgreen:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Publié : 31 août 2007, 10:06
par calimo
Donc le fichier css est là : http://www.arcanis-sanctuary.com/tmp/bu ... efault.css

Il appelle le fichier ./bug_fichiers/images/forum/bgquotes.png donc

http://www.arcanis-sanctuary.com/tmp/bu ... quotes.png

Comment veux-tu que ça fonctionne ?

Code : Tout sélectionner

blockquote {
	background: url(./images/forum/bgquotes.png) top right no-repeat #d6e4ed;
:wink:

Publié : 31 août 2007, 10:35
par Invité
effectivement :|
Z'avais oublié que c'était les chemins des images par rapport au css, pas à la page...
Bon bah c'est moi qui suit buggé, finalement. :mrgreen:

Mici! :D

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6