Version complète: sur le forum Webmaster Hub : des marges dans la propriété OVERFLOW ?
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Nenex
slt
J'ai mis la propriété OVERFLOW dans une page d'un site dont je m'occupe. Seulement le texte est colle au bordure du cadre :



Est-il possible de decoller le texte de quelque millimetre ? c'est surtout pour le cote que jai entourer en rouge. L'autre cote ca peux aller.
Voici le code de la propriete OVERFLOW :

CODE
<head>
<title>test cadre avec barre de défilement</title>
<style type="text/css">
<!--
body { background-color:#80A8BB;
       font-family:Arial,sans-serif;}
      
.cadre{border:2px inset #000;
         background-color:#ffffff;
         width:150px;
          height:150px;;
          margin: auto;
          overflow: auto}

-->
</style>

</head>
<body>
<h1>test d'une zone de texte avec barre de defilement</h1>
<div class="cadre">
<h2>Zone de texte</h2>
<p>
c'est un test, c'est un test,c'est un test, c'est un test, c'est un test<br />
c'est un test, c'est un test<br />
c'est un test<br />
c'est un test<br />
C'est un <a href="#">lien</a><br />
c'est un test<br />
</p>
</div>
</body>


Merci d'avance.
xpatval
en rajoutant ceci, par exemple ?
CODE
.cadre p {padding-left: 5px;}


xpatval
Nenex
merci pour ta reponse.
Si je ne me trope pas pour mettre une marge sur la bordure droite et gauche il suffit de rajouter "padding-right: 5px" :
CODE
.cadre p {padding-left: 5px;padding-right: 5px}


Dans se genre de code les espaces sont important ? Il y a d'autres codes pour la mise en page de la propriete OVERFLOW (couleur interieur, couleur bordure, epaisseur bordure...) ? (que de questions... tongue.gif

Sinon tu aurais des conseils a me passer pour l'OVERFLOW. En fait j'ai decouvert ca ya 2 jours blush.gif smile.gif

je viens de remarquer qu'il y a un point juste avant .cadre p, Il faut le mettre ? j'avais oublier aussi ( tongue.gif ) : ca veux dire quoi le P de cadre p ?

en allant inserer le code que tu ma passer j'ai vu qu'il y avait un point avant une ligne d'un autre code
CODE
.cadre{border:2px inset #000;


donc il est important tongue.gif

heuuuuu j'ai fait 3 reponses et je remarque qu'ils se sont insere dans mon 2° message. C'est zarbi. Donc en principe se message sera lui aussi dans le meme message que les autres.
xpatval
CITATION(Nenex @ dimanche 12 novembre 2006, 00h00) *
Si je ne me trope pas pour mettre une marge sur la bordure droite et gauche il suffit de rajouter "padding-right: 5px" :
CODE
.cadre p {padding-left: 5px;padding-right: 5px}
Oui, mais sans oublier le ";" à la fin.

CITATION
Dans se genre de code les espaces sont important ? Il y a d'autres codes pour la mise en page de la propriete OVERFLOW (couleur interieur, couleur bordure, epaisseur bordure...) ?
Les espaces ne sont pas important.
Ce ne sont pas des codes, mais des spécificités de l'attribut overflow. Tu peux faire une recherche dans GG pour les connaître, ainsi que ceux des autres attributs css

CITATION
je viens de remarquer qu'il y a un point juste avant .cadre p, Il faut le mettre ? j'avais oublier aussi ( tongue.gif ) : ca veux dire quoi le P de cadre p ?

le "p" concerne la balise <p>. Donc, en mettant .cadre p, les attributs associés à chaque balise <p> de l'élément de classe "cadre" seront effectifs.
Le point de .cadre, car on indique que c'est une classe (class="cadre")

xpatval
Nenex
Merci pour tes éclaircissements. Comme je te disais j'ai decouvert l'attribut overflow. Je vais chercher des infos sur le net car j'ai vriament envi de l'avoir bien en main.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.