Discussion :

[benoitmorel]

Bonjour à tous,

Je cherche à indenter un titre <Hn>, ainsi que tous les éléments qui suivent. J'ai par exemple :

Code html :

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

1
2
3
4
5
6
<h2>
<p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p>
<p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p>
<p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p>
<h2>
....

J'utilise le CSS suivant :

Code :

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

1
2
3
4
5
6
h2 + * {
    margin-left: 20px;
}
h2 {
    margin-left: 20px;
}

Mais cela n'indente que le premier <p>. Comment puis-je indenter le block complet ?

Merci d'avance !

Benoit

[laurentSc]

par exemple :

Code html :

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

1
2
3
4
5
6
7
<h2>
<div class="indent">
<p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p>
<p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p>
<p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p>
</div>
<h2>

Code css :

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

1
2
3
.indent {
	margin-left: 200px;
}

[benoitmorel]

Effectivement, mais l'objectif serait que cela s'applique à tous les h2 (et contenus qui suivent) à travers le site...

[laurentSc]

As-tu essayé sur plusieurs navigateurs ? Car chez moi, ton code indente tous les <p> (IE8 et FF). Et d'ailleurs la seconde propriété suffit :

Code css :

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

1
2
3
h2 {
    margin-left: 20px;
}

[benoitmorel]

C'est étonnant, de mon côté, ca ne fonctionne pas sour ff, chrome et safari...

[laurentSc]

Je n'ai pas Safari sur mon poste mais avec Chrome, ça marche aussi...As-tu un autre ordi sous la main ?