[Résolu]Background image sur une balise header / footer

Bonjour à vous tous,

J'ai remarqué qu'un post similaire est ouvert mais mon soucis est légèrement différent.
J'ai le meme problème de background-image qui ne s'affiche pas mais je suis certain de ma syntaxe. Pour preuve sous certains navigateurs cela fonctionne :s

Le soucis n'apparaît qu'avec les balises header et footer :

header {
	width: 881px;
	height: 157px;
	background: transparent url('../images/header.png') no-repeat;
}

Vous pouvez voir le problème ici :
http://www.mywebshop.org/_work/index.php

Merci d'avance
Modifié par mettosjester (09 Jun 2010 - 09:22)

Bonjour,

En utilisant des sélecteurs corrects ça fonctionnera directement beaucoup mieux

Basiquement, en css, on sélectionne soit un type de balises, soit un bloc identifié par un id, soit un bloc identifié par une classe :

- Un bloc <h2>Titre</h2> sera identifié par h2 { }
- Un bloc <div id="head">...</div> sera identifié par #head { }
- Un bloc <div class="petitpoussin">...</div> sera identifié par .petitpoussin { }

Dans ton cas il serait donc judicieux de remplacer header { } par #head { } et ca fonctionnera correctement.

Je te conseille cet article pour plus d'informations : http://www.yoyodesign.org/doc/w3c/css2/selector.html

Merci pour ta réponse quoi qu'un brin sarcastique

Je connais assez bien les sélecteur CSS et justement tu as du mal regarder le code.
J'ai rajouté l'id "header" justement pour faire des tests mais que j'utilise header { ... } ou #header { ... } cela ne change rien ça ne fonctionne pas !

Et à moins que le selecteur de la balise HTML5 header soit différent c'est toi qui te trompes car le bloc suivant devrait fonctionner :

header {
background-color: red;
}

Or rien de tout cela ne fonctionne, il doit donc y avoir un autre problème :s
Modifié par mettosjester (08 Jun 2010 - 21:13)

Ah ouiiii... merci beaucoup, pour le lien et pour l'astuce
Ca marche nickel... preuve tout de même qu'il reste qq petites "failles" dans ces balises html5

Bonjour,

Le problème est donc [résolu] ?

Ah oui, sorry j'avais oublié de mettre le topic à jour. Résolu