Affichage de la fin d'une phrase

Résolu/Fermé
RaphaJulia Messages postés 14 Date d'inscription lundi 24 juillet 2023 Statut Membre Dernière intervention 16 avril 2024 - Modifié le 24 juil. 2023 à 03:40
RaphaJulia Messages postés 14 Date d'inscription lundi 24 juillet 2023 Statut Membre Dernière intervention 16 avril 2024 - 12 août 2023 à 03:47

Bonjour

Je suis entrain de développer un "site" web en html et css avec un niveau assez débutant. J'ai une phrase qui est assez longue et que je ne peux pas raccourcir est-t-il donc possible de faire apparaitre la fin de cette phrase lorsqu'elle est survoler (ou bien a l'aide d'un bouton "afficher la suite") et de cacher un bout de celle-ci dans le cas contraire ?

Merci d'avance
Windows / Chrome 114.0.0.0

2 réponses

samigtx1459 Messages postés 482 Date d'inscription vendredi 3 août 2012 Statut Membre Dernière intervention 13 janvier 2024 67
24 juil. 2023 à 14:07

Bonjour,

Je pourrais t'aider davantage avec ton code. Mais normalement avec du css et du javascript c'est tout à fait faisable.

0
jordane45 Messages postés 38237 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 31 août 2024 4 689
24 juil. 2023 à 14:09

Bonjour,

Avec uniquement du html/css,  tu pourrais éventuellement te tourner vers la propriété css : hover

https://www.zonecss.fr/proprietes-css/hover-css-selector.html

En gros, tu places ton texte dans un élément html ( une div, un span..) que tu limites à une certaine taille ( largeur et/ou hauteur)

Puis, lors du "hover" de cet élément, tu agrandis cette zone.

par exemple

.crop {
  width:100px;
  overflow:hidden;
  height:50px;
  line-height:50px;
}​

.crop:hover {
  width: 300px;
}
<div class="crop">

ici ton texte ....
trop long...
vraiment trop long ...

....

....

...  et encore et encore....

bref.. ton texte à masquer / afficher

</div>

0
RaphaJulia Messages postés 14 Date d'inscription lundi 24 juillet 2023 Statut Membre Dernière intervention 16 avril 2024 1
11 août 2023 à 22:04

merci, je vais tester ça et désolé pour ma réponse tardive

0
RaphaJulia Messages postés 14 Date d'inscription lundi 24 juillet 2023 Statut Membre Dernière intervention 16 avril 2024 1
12 août 2023 à 03:47

Je viens de tester et ça me suffit largement pour ce que j'ai, merci

0