Discussion :

[loic.ledouble]

Bonjour tout le monde,

Sur le site web de comac (www.chengetheworld.org), dans les derniers articles (en haut à droite), j'aimerais que le titre des articles ne dépasse pas deux lignes (pour les 5 derniers articles soit un total maximum de 10 lignes).

Il y a-t-il un moyen avec les css de limiter l'espace d'affichage d'une chaîne de caractères ? (en supprimant les derniers mots et en mettant 3 petits points)

Merci bcp !
Loïc

P.S. J'arrive à le faire plus ou moins en PHP en limitant la chaîne à un nombre arbitraire de caractères mais ce n'est pas parfait car ça dépend du navigateur (taille de la police, etc.)

[Erwan31]

Bonsoir,
si c'est faisable une fois que tu as trouvé la limite du nombre moyens de caractères, tu ajoutes par exemple:

Code :

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

1
2
3
4
5
a {
    display:block;
    height:3em;
    overflow:hidden;
}

Attention bien penser à spécifier la hauteur en em pour que l'agrandissement du texte ne masque pas la deuxième ligne.

[FremyCompany]

@Erwan: Attention que tu vas toujours avoir deux lignes affichées même si une seule suffirait.

Le mieux c'est d'utiliser max-width: 3em (et _width: 3em pour IE6 qui ne gère pas max-width), non ?

[Erwan31]

@Erwan: Attention que tu vas toujours avoir deux lignes affichées même si une seule suffirait.

Je partais du principe que 2 est le nombre de ligne minimum.

Le mieux c'est d'utiliser max-width: 3em (et _width: 3em pour IE6 qui ne gère pas max-width), non ?

Tu veux dire max-height. S'il peut n'y avoir qu'une seule ligne oui c'est la solution à choisir.

Tu confonds l'équivalent IE6 max-height avec min-height qui lui correspond à un width

[FremyCompany]

Oui, je voulais dire max-height/height

Par contre, je ne confonds pas. Si on veut qu'overflow: hidden marche, il faut qu'une hauteur maximale soit donnée.

Sous IE7, maxWidth fait l'affaire, mais sous IE6, il faut utiliser height;

Dans ce cas, la hauteur est toujours de deux, mais au moins elle n'est jamais plus grande...