Un mini problème...

Histoire d'un <p> qui n'en fait qu'à sa tête !

Sujet résolu

12 octobre 2006 à 20:48:16

Bonsoir amis ZérOs !

J'ai commencé à faire un site web sur la nouvelle série difusée sur M6 (et ce soir même ^^) : Prison Break.

Le problème, c'est que çà fait pas mal de temps que je me suis pas mis au (x)HTML et j'ai un peut perdu les notions... de base !

Je n'arrive pas à faire entrer le texte entier dans ma bordure générale...
Voici le code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>

<div id="en_tete">
<img src="bann.jpg" />
</div>


<div id="corps">

<p>
hjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdgh

dndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxh

jnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgj

fdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhg

hjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdghdndxhjnhgjfdhhghjdgh

dndxhjnhgjfdhhg.
</p>

</div>


<div id="pied_de_page">
<p>Copyright "Tout pourri Corporation" 2005, tous droits réservés</p>
</div>

</body>
</html>

Et le CSS :

body
{
background-color: black;
border: 1px solid white;
margin: auto;
width: 800px;
}

#en_tete
{
border-bottom: 1px dashed white;
}

#corps
{
border: 1px solid white;
padding: 10px;
width: 800px;
color: white;
display: block;
}

Mon site sur "Prison Break"

Merci a tous, et bonne soirée ! (Sauf pour ceux qui regardent la série, je sais qu'ils vont passer uen bonne soirée !

)

JulFisher

12 octobre 2006 à 21:09:24

Bah

, en général (en Français en tout cas), il n'existe pas de mots de cent caractères. Et ton texte n'est pas dans un paragraphe.

atly

12 octobre 2006 à 21:18:27

Bonjour, tout d'abord, pour le dépassement tu peux utiliser un simple overflow:hidden; pour masquer le surplus.

Déduis également des dimensions de ton bloc le padding que tu appliques, d'après le modèle de boîte standard.
C'est-à-dire ici 780 pixels au lieu de 800, une fois que l'on aura retranché les deux marges intérieures de droite et de gauche de 10 pixels.

Et sur la page que tu as donnée le texte n'est effectivement pas dans un paragraphe.

Tchaw,
atly

Kéwin

12 octobre 2006 à 21:24:31

Problème résolu !

Meric beaucoup ! Sans les balises <p>, je risquais pas d'aller loin !