Discussion :

[makasayo]

Bonjour,
J'aimerais pouvoir régler mon retrait à gauche suivant le contenu du texte. Si il y a peu de texte, ca marche, si il y en a beaucoup, cela se colle à gauche

Voici mon html :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<div class="book-image">
 
          <div><img src="images/book-11.jpg" alt="book" height="171" width="126"></div>
 
        </div>
 
        <h5><a href="#">Surtitre qui sert de surtitre Surtitre qui sert de surtitreSurtitre qui sert de surtitre </a></h5>
 
        <h2><a href="#">Paroles de femmes, Paroles de femmes</a></h2>
 
 
 
        <h4>Sous titre d'exemple sui sert de Sous titre d'exemple. Sous titre d'exemple sui sert de Sous titre d'exemple</h4>
 
        <h3><a href="#">par Jean-Pierre Guéno, avec Jean-Pierre Guéno et pour Jean-Pierre Guéno</a></h3>
 
        <div class="book-info">
 
          <p>Femmes de l’ombre, femmes en guerre, femmes libres, femmes assumées… De 1900 à aujourd’hui, quatre générations de Françaises se parlent et se répondent. Expériences intimes, déchirures, passions, combats… Des textes bouleversants, des visages qui ne s’oublient pas, leurs histoires nous emportent.</p>
 
          <p><em>« En découvrant ces « Paroles de femmes », j’ai été frappée par leur modernité : les femmes d’hier nous sont proches. Quelle que soit la date à laquelle elles écrivent, elles parlent aux femmes d’aujourd’hui.[…] […] Ce recueil est un livre plus féminin que féministe. Il parle de luttes, mais ne revendique pas. Il déroule une belle page de l’histoire de l’Humanité aux valeurs universelles […] »</em></p>
 
          <h6>Sortie le 18 octobre</h6>
 
 
</div>

Voici le lien de mon texte

[Erwan31]

Bonjour,
pourrais tu être plus clair stp?
Ca a l'air d'être un peu le foutoir au niveau de la logique de hierarcjisation des titres. Par exemple tu as un sous titre h4 d'un titre h2.
Ce texte : par Jean-Pierre Guéno, avec Jean-Pierre Guéno et pour Jean-Pierre Guéno ne devrait pas être un titre mais un simple paragraphe.

[makasayo]

Oui, c'est pas clair, mais tous les titres et sous titres doivent rester en H2,H3, H4 etc... et non en paragraphe... Ce n'est pas moi qui gère derrière...
En fait, comme on peut le voir sur le lien du post precedent, j'ai un image à gauche, une marge puis le texte avec titre, sous titre, surtitre et texte courant.
Quand le contenu est court, le texte se positionne bien, mais quand il est plus long, il chasse sous l'image. Et j'amerais que tout ce contenu d'infos se place avec une marge égale qu'importe le contenu.
C'est plus clair?

[Erwan31]

Oui, c'est pas clair, mais tous les titres et sous titres doivent rester en H2,H3, H4 etc... et non en paragraphe... Ce n'est pas moi qui gère derrière...

Et ben tu pourra dire si tu en a la possibilité que la structuration HTML est assez catastrophique.

Pour répondre à ta question dans l'idéal il faudrait que tu revois la structure:
le div image en float: left avec une marge droite et un autre div doté de la déclaration overflow:hidden pour éviter que le texte passe dessous et
dans lequel tu places tout tes titres et textes.
Ou sinon mettre tout simplement une marge gauche adéquate au div book-info.