Background-image Main-inner différent pour chaque article

[morgan89]

Bonjour,

Je souhaiterai mettre une image de fond différente pour chaque article.
Jusque là j'ai réussi à le faire en intégrant "background-image: url('images/Image15.jpg')" au début de mon article mais le problème est que ca ne prend que l'article et pas le titre au-dessus.


En tatonant avec Firebug, j'ai réussi à avoir le résultat souhaité ci-dessous en ajoutant background-image à Maininner.


Voici une page de mon site http://www.osteopathe-yvelines.fr/l-osteopathie

Comment faire pour mettre une image différente de cette façon (ou un fond uni) en prenant en compte le titre et pas seulement l'article. J'ai cherché mais je n'ai pas trouvé (sauf sur Firebug, c'est souvent mon problème).

Merci de votre aide

[morgan89]

Re : Background-image Main-inner différent pour chaque article

Je souhaiterai également supprimer l'espace au-dessus de mes articles mais je n'y arrive pas sauf sur Firebug encore une fois.
Merci de votre aide

[SimonG]

Re : Background-image Main-inner différent pour chaque article

Bonjour,

une solution serait d'afficher le titre à l'intérieur de l'article lui-même.

[morgan89]

Re : Background-image Main-inner différent pour chaque article

Merci ça m'a permis de débloquer la situation pourtant j'avais tout essayé sauf la chose la plus simple.
J'ai donc écris ceci

<div style="background-image: url(&quot;/images/Image15.jpg&quot; padding: 20px; border-radius: 6px; margin-top: -45px;">
<h1 class="title">Features</h1>

Est-ce que le fait d'écrire le titre de cette façon ne joue pas sur le référencement google ?
Je vais donc devoir écrire de cette manière pour personnaliser chacun de mes articles comme changer l'image de fond ou mettre un fond uni ?

[lomart]

Re : Background-image Main-inner différent pour chaque article

Bonjour,

Il est aussi possible de commencer l'article par

<style>
section#content {background-image: url(/images/Image15.jpg) no-repeat; background-attachment:scroll; }
</style>

en utilisant le titre habituel de l'article. J'ai ajouté le code pour répondre à la dernière question