Discussion :

[gergege]

Bonjour,

Je vous explique, j'aimerais que la mise en page du contenu soit en peu plus serrée (moins proche du bord). (concernant ce site: http://mur.devalerlapenteavelo.fr/ ) J'ai donc ajouté à .Post ceci:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
padding-left:50px;
padding-right:50px;

Le problème est que mes images sont programmées pour avoir la même taille maximale que le conteneur #Main. Du coup, les plus grosses dépassent sur la droite ...
J'aimerais savoir s'il est possible de faire en sorte que les images soient indépendantes de l'effet "padding" pour qu'elles puissent atteindre leur taille maximale en restant dans le cadre de #Main.

Merci d'avance !

[eckerdecker]

Bonjour,

Si tu as quelques chose comme ça ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div class="Post">
  <p>...</p>
  <img ... />
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.post {
padding:0 50px;
}

... à moins d'un ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.post img {
margin-left:-50px;
}

... dont je ne suis pas friand, ton <img> sera décalée. En revanche avec ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.Post p {
padding:0 50px;
}

... tu n'applique le padding que sur les balises <p> de tes Post. Tu peux étendre la sélection à toutes les balises qui t'intéresse :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.Post p, .Post h1, .Post ul, ...

[gergege]

Merci pour ta réponse eckerdecker.
J'ai finalement réussi a faire ce que je voulais.

Bonne soirée !