28173 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai un bloc contenant un (trop) grand texte.
J'aimerais en fait que sa hauteur soit définie (une ligne de texte), et j'ai mis un bloc '.moretxt' aligné à droite.
Quand on cliquera sur le lien "..." de ce bloc, la hauteur du texte s'étendra (avec jquery) pour afficher tout le texte.

Problème : même en ayant défini une hauteur (10 pixels), mon bloc s'ajuste automatiquement au texte contenu donc mon bloc ne veut pas s'afficher en petit par défaut.
Comment puis-je faire ??
Merci !

.bloctext{
	height: 10px;
	text-align: justify;
}
.moretext{
	float: right;
}

<div class="bloctext">
	<div class="moretext"><a href="link">...</a></div>
	mongrandtextequinestpassigrandpourlexemple
	<div class="sourcetext">sourcetexte</div>
</div>
Bonjour.
Pour limiter l'affichage, Il faut utiliser overflow:hidden ou overflow-y:hidden
Modifié par GeorgesM (16 Nov 2006 - 13:36)