Bonjour,
Je m'essaye au CSS et j'ai un petit souci. Je souhaite que mon texte revienne à la ligne et ne déborde pas sur les autres colonnes comment dois-je faire ?
Ci-joint le code que j'utlise :
Code :
- <style type="text/css">BODY {
- PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
- }
- DIV#header {
- PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-TOP: 1px; HEIGHT: 100px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
- }
- DIV#gauche {
- PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 120px; PADDING-TOP: 10px
- }
- DIV#centre {
- PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 130px; MARGIN-RIGHT: 120px; PADDING-TOP: 10px
- }
- DIV#droite {
- PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; WIDTH: 120px; PADDING-TOP: 10px
- }
- DIV#conteneur {
- width: 900px; margin: 0 auto; TEXT-ALIGN: left
- }
- </style>
- </head>
- <body>
- <div id="conteneur">
- <div id="header"><img alt="Le phare" src="lighthouse.jpg"></div>
- <div id="gauche"><p>gaucheffffffffffffffffffffffffffffffffffffffff</p></div>
- <div id="droite"><p>droiteffffffffffffffffffffffffffffffffffffffff</p></div>
- <div id="centre"><h2>Titre</h2>
- <p>centrexxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
- </div>
- </div>
- </body>
- </html>
|
Merci d'avance pour vos réponses, si vous avez aussi un site ou un bon livre le CSS à me conseiller je suis preneur.
bonne nuit