Affichage de la fin d'une phrase

Résolu
RaphaJulia Messages postés 14 Date d'inscription   Statut Membre Dernière intervention   -  
RaphaJulia Messages postés 14 Date d'inscription   Statut Membre Dernière intervention   - 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

A voir également:

2 réponses

samigtx1459 Messages postés 482 Date d'inscription   Statut Membre Dernière intervention   67
 

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 38472 Date d'inscription   Statut Modérateur Dernière intervention   4 744
 

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   Statut Membre Dernière intervention   1
 

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

0
RaphaJulia Messages postés 14 Date d'inscription   Statut Membre Dernière intervention   1
 

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

0