Affichage de la fin d'une phrase
Résolu
RaphaJulia Messages postés 14 Date d'inscription Statut Membre Dernière intervention -
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
- Tapez cette phrase, en respectant bien les espaces et la ponctuation.
- Ponctuation, espaces, guillemets : les règles typographiques - Guide
- Espaces insécables - Guide
- Vérifier si une phrase est correcte - Accueil - Google
- Samira a modifié le menu du jour que juliette lui avait envoyé. retrouvez les modifications proposées par samira : acceptez celles concernant les entrées, refusez celles concernant les plats et les desserts. combien de caractères (en incluant les espaces) contient la version finale du menu ? - Forum Matériel & Système
- Traduction de phrase en français vers le créole martiniquais - Forum Loisirs / Divertissements
2 réponses
Bonjour,
Je pourrais t'aider davantage avec ton code. Mais normalement avec du css et du javascript c'est tout à fait faisable.
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>
