Discussion :

[wd_newbie]

Bonjour,

j'essaie vainement de tronquer un texte en fond de <p>



comme sur l'image ci-dessus ...

Code html :

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

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 :

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

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 ?

[NoSmoking]

Bonjour,

j'essaie vainement de tronquer un texte en fond de <p>
( ... )
comme sur l'image ci-dessus ...

Tu veux dire que tu veux un espace blanc en plus en dessous de ce que tu vois ?

Mais je n'arrive pas à avoir une bordure propre au fond , j'ai mis un padding-bottom sur la class "resum", sans succès ..

Ce padding n'est pas visible, ton <p> n'étant pas affiché entièrement.

... 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

Il faudrait que tu nous montre ce que tu as fait.