PROBLEME LARGEUR TEXTE HTLM

glli -  
arthezius Messages postés 3756 Statut Membre -
Bonjour,
je voudrait modifier la largeur de mes textes css. Normalement j'ai les bon codes mais sa ne marche pas, pourriez vous m'aider svp ?

voici mon code htlm :

<p>

CE N ES QUE DU BLA BLA PRIS AU PIF SUR UN SITE INTERNET

Comme ça, vous pouvez retrouver toutes les propriétés de tête.
Je vais quand même vous faire la liste des propriétés pour margin et padding, histoire que vous soyez sûrs que vous avez compris le principe.

Voici la liste pour margin :

margin-top : marge extérieure en haut.
margin-bottom : marge extérieure en bas.
margin-left : marge extérieure à gauche.
margin-right : marge extérieure à droite

Et la liste pour padding :

padding-top : marge intérieure en haut.
padding-bottom : marge intérieure en bas.
padding-left : marge intérieure à gauche.
padding-right : marge intérieure à droite.

Dites, c'est moi ou j'ai l'impression de me répéter ?

Bon, pour tester on va utiliser margin-bottom pour indiquer un espace en bas de chaque paragraphe, ce qui nous évitera d'avoir une marge à gauche comme tout à l'heure.
Et aussi, pour le fun, je vais rajouter une marge à gauche pour le titre (h1) afin qu'il soit un peu décalé.
<p/>

et le code css :

p
{
font-family: arial, impact, verdana, serif;
font-size: large;
background-image:

}

p
{
width: 50%;
text-align: justify; /* On a indiqué une largeur (obligatoire) */
margin-left: 10px;
width:50%;

}

body
{
background-image:url(imo.jpg);
color: white;
background-attachment: scroll;
text-align: ;
}

merci de votre aide !
A voir également:

1 réponse

arthezius Messages postés 3756 Statut Membre 475
 
Pourquoi avoir séparer
p
{
font-family: arial, impact, verdana, serif;
font-size: large;
background-image:

}

de
p
{
width: 50%;
text-align: justify; /* On a indiqué une largeur (obligatoire) */
margin-left: 10px;
width:50%;

} 

Dans le cas présent je ne vois pas l'intérêt.

Si tu veux régler la largeur du paragraphe, il faut modifier la valeur width appliqué sur le p.
Autrement dit, il faut modifier cette ligne:
width: 50%;

Par exemple:
width: 300px;

ou encore
width: 600px;

sinon enlève carrément le width et met un margin-left et un margin-right pour que le paragraphe s'adapte au bloc qui le contient en plaçant une marge à gauche et à droite.
0