Discussion :

[Mr. NoReaction]

Bonjour, j'essaye de faire en sorte qu'un <div> se redimensionne selon la taille d'un texte <p> qu'il contient. Pour l'instant je limite la taille maximale du <div> principal mais je suis incapable de le redimensionner automatiquement avec la feuille de style.

Comment est-ce que je fais pour faire ça ?

Merci !

Code :

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
 
<div class="field field-type-text field-field-recette-commentaires">
    <div class="field-items">
            <div class="field-item odd">
                      <div class="field-label-inline-first">
              Commentaires du chef:&nbsp;</div>
                    <p>Utiliser une autre variété de courge ou même de la citrouille.</p>        </div>
        </div>
</div>
 
.field-field-recette-commentaires
{
    max-width: 605px;
    min-width: 450px;
}
 
.field-field-recette-commentaires .field-item
{
    border: 2px solid #CC9900;
    padding: 10px;
}

[Bisûnûrs]

Cf : http://www.developpez.net/forums/d11...argeur-boites/

[Mr. NoReaction]

Cf : http://www.developpez.net/forums/d11...argeur-boites/

Ok, ça fonctionne bien quand il y a une seule balise <p> dans le <div> mais quand il y a plusieurs balises <p> à l'intérieur du <div>, le texte s'affiche sur la même ligne, les balises <p> une à la suite des autres.

Comment je fais pour que le texte des balises <p> s'affiche normalement, c'est-à-dire une en dessous de l'autre ?

[tumoo]

Code :

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

<br />

?

[Mr. NoReaction]

Code :

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

<br />

?

Euh, ça fonctionne pas.

Sur ce code HTML

Code html :

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

1
2
3
4
5
6
7
8
9
 
<div class="field field-type-text field-field-recette-commentaires">
    <div class="field-items">
<div class="field-item odd">
                      <div class="field-label-inline-first">
              Commentaires du chef:&nbsp;</div>
                    <p>Remplacer une partie du boeuf haché (15-20 %) par du tofu haché.</p>
<p>Conserver la mozzarella pour gratiner et ajouter du fromage ricotta ou cottage à l'intérieur.</p>
<p>Pour varier, confectionner une sauce Béchamel à laquelle vous ajouterez les épinards crus hachés grossièrement. Ajouter ce mélange lors de l'assemblage de la lasagne.</p></div></div></div>

Un saut de ligne se fait déjà après les balises <p>, je vais pas en rajouter un autre en plus ...

[NoSmoking]

Bonjour,

Comment je fais pour que le texte des balises <p> s'affiche normalement, c'est-à-dire une en dessous de l'autre ?

c'est le comportement normal des balises P, sauf si modification du comportement via la feuille de style.

Je rajouterais que l'enchevêtrement de DIV ne me semble pas être la meilleure solution