Un bug que je ne comprends pas : image de fond qui se décale

Bonsoir,

Sur mon blog crée avec le cms WordPress, j'ai choisi de mettre une image de fond sur le titre des billets. Depuis que j'ai publié plusieurs billets pour test, je constate un décalage de cette image et je ne comprends pas pourquoi ni comment rectifier ce problème.

Une idée ? ^^

http://grane-drome.surlesailes.com/wp/

Il faudrait un peu plus de précision, on est pas dans ta tête. Tu vois de quoi tu parles, nous on a pas spécialement l'idée qui vient au tac au tac.

Ton problème vient de ta règle .post, retires ta marge de 30px comme cela:

.post {
    background: url("images/titre.png") no-repeat scroll 0 0 transparent;
    margin: -25px 0 0;
}

Avec Firebug, je trouve le rendu que tu souhaites, je pense, avoir.
Modifié par Apoooo (20 Oct 2011 - 19:27)

J'ai déjà vu ce genre de problème. Dans mon cas c'est la balise <p> qui décalait l'image.
Dans le contexte où « img » est enfant de l'élément « p ». Ce qui est ton cas.

Exemple : <p><img /></p>

Dans ton code je vois que les éléments « p » sont parent de « img ». Il est donc possible qu'une instruction CSS sur « p » décale ton image.

Essais de revoir tes instructions CSS à ce niveau.
Si c'est le cas une classe supplémentaire suffira pour repositionner l'ensemble.

..

Hourra ! j'ai trouvé ^^ j'ai supprimé le float et depuis tout est ok...


.entry {
margin-top: 0px;
padding: 0px 30px 0 30px;
/*float: left;*/
margin-bottom: 20px;
}