Objectif Frontend : Comment afficher facilement la suite d'un texte
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
22m22
de formation
3
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Objectif Frontend : Comment afficher facilement la suite d'un texte

4.8/5 Trustpilot (1388 avis) Satisfait ou remboursé
22m22
de formation
3
leçons vidéo
1
chapitre

Dans ce tuto CSS, je vous propose d'apprendre à afficher ou cacher facilement la suite d'un texte dans un conteneur (DIV).
Ceci vous permettra de pouvoir mieux gérer vos mises en page et de ne pas ainsi vous retrouver avec un conteneur qui sera trop haut à cause de la longueur du texte.

Afin de réaliser ce lien d'affichage / masquage de texte, nous allons utiliser nos connaissances en CSS.
Ce langage est décidément bien plus puissant qu'on peut le penser !
Plus on a d'expérience et de connaissances en CSS et plus on peut se permettre de personnaliser totalement nos pages web en les rendant de plus en plus interactives.
Vous êtes libre d'utiliser cette nouvelle connaissance pour vos propres sites web ou bien ceux que vous réalisez pour vos clients.
Ce tutoriel fait partie de ma collection de tuto nommée "Objectif Frontend".

Je mets les codes de ce tuto à votre disposition.
Un QCM permettra de tester vos connaissances.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place du HTML
Leçon 2
Mettre en forme le document HTML
Leçon 3
Mettre en place le fonctionnement du lien "suite du texte" en CSS

Table des matières

Leçon 1

Mise en place du HTML

07m43
Leçon 2

Mettre en forme le document HTML

06m20
Leçon 3

Mettre en place le fonctionnement du lien "suite du texte" en CSS

08m19

Aperçus

Avis des apprenants

Détail des avis
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 21/01/2024
Génial ! Ce genre de petit tuto commençait à me manquer :-) Ça fait longtemps que je cherchais à savoir comment faire ça. J'aurai jamais imaginé qu'on puisse le faire rien qu'en CSS. Merci beaucoup Carl.
Carl Brison
Carl Brison
Avec plaisir. Merci beaucoup pour votre commentaire très gentil, Valérie ;-)
Philippe Piatti
Philippe Piatti
Publié le 14/01/2024
Merci Carl super tuto toujours aussi efficace! 👍👍👍👍👍👍👍👍👍
Carl Brison
Carl Brison
Merci beaucoup pour ton commentaire très gentil ;-)
Serge Delattre
Serge Delattre
Publié le 09/01/2024
La librairie fontawesome c'est astucieux mais si le site qui l’heberge ne fonctionne pas, on a des trous dans une page...Ne vaut-il pas mieux des icônes en local. Allez je chipote;-) La magie du CSS c'est d’abord la magie du magicien!
Carl Brison
Carl Brison
Bien sûr, vous pouvez ignorer le lien du CDN et charger les scripts sur votre site. Merci pour votre commentaire ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source de ce tuto.

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
8,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
22m22 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 766 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1423 tutos gratuits

Notre politique de protection des données