Discussion :

[willytito]

Bonjour à tous,

Je suis un débutant en html.

J'ai repris le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 <p style="border: 1px solid #aaa;">
blabla1<br/>
blabla1<br/>
blabla1<br/>
</p>

ça fonctionne, mais le problème c'est que le cadre prend toute la largeur de la page.
Je voudrais que le cadre s'arrête sur la largeur de mon texte.

Merci,

Willy

[HiRoN]

Bonjour,

Le problème c'est que le cadre prend toute la largeur de la page.
Je voudrais que le cadre s'arrête sur la largeur de mon texte.

L'élément <p> est un élément de type block, il faut donc le passer en élément de type inline (ou lui spécifier une largeur) pour qu'il s'adapte en fonctionde son contenu.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<p style="display:inline; border:1px solid #aaa;">...</p>

Pour bien apprendre CSS regarde ces excellents tutoriels et cours de formation CSS : http://css.developpez.com/cours/

[willytito]

J'ai testé le code.
Ce n'est pas exactement ce que je veux, mais on y est presque.
Ton code encadre ligne par ligne
Je veux un cadre autour du paragraphe

Merci
Willy

[12monkeys]

Bonsoir

Je ne comprends pas trop : l'élément p correspond au paragraphe donc ce code devrait bien encadrer chaque paragraphe.

Tu veux dire que si tu as plusieurs lignes dans ton paragraphe, chaque ligne est entourée ?

On peut voir une page en ligne ?

[willytito]

C'est ça, chaque ligne est encadré
ligne 1 encadré
à la ligne
Linge 2 encadré
à la ligne
Ligne 3 encadré

En fait l'encadrement commence à la Ligne 1 et se termine à la Linge 3
Je ne sais pas comment l'expliqué.
Exécute le code et tu verras.

Willy

[12monkeys]

En fait l'encadrement commence à la Ligne 1 et se termine à la Linge 3

C'est l'affichage que tu obtiens actuellement ? Si oui c'est celui qui est normal...

Je ne sais pas comment l'expliqué.

Mets nous une capture d'écran du résultat et une image de ce que tu veux...