Effet de texte more/less

[-Maxime-]

Bonjour à tous !

J'espère ne pas m'être trompé de forum.

Je fais des sites (amateurs) avec Dreamweaver et je connais assez peu le langage HTML.

J'aimerais faire deux choses que j'ai vues sur Youtube et je voudrais savoir comment le faire :

(c'est d'ailleurs pour ces vidéos que je fais mon site web)

1) L'effet (more) et (less) pour cacher la suite du texte qui s'affiche en cliquant sur more.

2) Ce style de tableaux avec une bordure grise très fine (celui qui contient la description de la vidéo).

Je vous remercie d'avance !

[killian]

J'ai regardé rapidement comment c'était géré sur Youtube :

Pour le more less, en fait tu as :

Au moment où tu vois le lien (more) :

Un <span> avec le résumé et les trois petits points.

Un lien (more) qui cache le résumé, cache le lien more ( avec des display:none ), affiche le texte complet et affiche le lien (less) (avec des display:inline)

Au moment où tu vois le lien (less) :

Un <span> avec le texte complet.

Un lien (more) qui cache le texte complet, cache le lien less ( avec des display:none ), affiche le résumé et affiche le lien (more) (avec des display:inline)

Si tu ne vois pas comment faire techniquement tu peux me demander de l'aide.

Pour la bordure grise très fine, c'est juste un DIV avec comme style

border : 1px solid #CCCCCC

Rien de bien méchant !