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

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
arcanis

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

Message 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
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

Ça ne marche pas mieux avec des guillemets autour du nom du fichier ?
♫ Li tens s'en veit, je n'ai riens fais ;
Li tens revient, je ne fais riens. ♪
jpbardiau
Tyrannosaurus Rex
Messages : 2709
Inscription : 05 avr. 2004, 17:34

Message 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
JP
Image
Image
arcanis

Message 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
nico@nc
Animal mythique
Messages : 8038
Inscription : 21 août 2005, 08:04

Message 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
Nicolas
☛ Problème [résolu] ? Modifiez votre premier message pour l'indiquer.
Pas de support par message privé, postez sur le forum, merci.
Invité

Message 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
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message 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:
Invité

Message 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
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invités