1 pièce(s) jointe(s)
overflow: hidden comment avoir un padding au fond du texte tronqué ?
Bonjour,
j'essaie vainement de tronquer un texte en fond de <p>
Pièce jointe 587419
comme sur l'image ci-dessus ...
Code:
1
2
3
4
5
6
7
8
| <div class="column">
<div class="content">
<img class='img_jeu' src="<?=$img?>" alt="Image manquante ..." >
<h3><?=$enregistrement->Nom_jeu?></h3>
<p><?=$enregistrement->Categorie?></p>
<p class='resum'><?=$enregistrement->Resume?></p>
</div>
</div> |
C'est le <p><?=$enregistrement->Resume?></p> qui déborde
J'ai mis un
Code:
1
2
3
4
5
6
7
8
| /* Content */
.content {
background-color: white;
padding: 10px;
height: 350px;
overflow: hidden;
} |
Mais je n'arrive pas à avoir une bordure propre au fond , j'ai mis un padding-bottom sur la class "resum", sans succès ..
... et j'ai aussi essayé de tronquer avec des "..." en fin de texte, mais sans succès le text-overflow: ellipsis; mais je n'arrive pas a le faire fonctionner
Des idées ?
