Css et colonne

Css et colonne - HTML/CSS - Programmation

Marsh Posté le 20-10-2006 à 23:23:57    

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 :
  1. <style type="text/css">BODY {
  2. PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  3. }
  4. DIV#header {
  5. PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-TOP: 1px; HEIGHT: 100px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
  6. }
  7. DIV#gauche {
  8. PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 120px; PADDING-TOP: 10px
  9. }
  10. DIV#centre {
  11. PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 130px; MARGIN-RIGHT: 120px; PADDING-TOP: 10px
  12. }
  13. DIV#droite {
  14. PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; WIDTH: 120px; PADDING-TOP: 10px
  15. }
  17. DIV#conteneur {
  18. width: 900px; margin: 0 auto; TEXT-ALIGN: left
  19. }
  21. </style>
  23. </head>
  26. <body>
  27. <div id="conteneur">
  28.  <div id="header"><img alt="Le phare" src="lighthouse.jpg"></div>
  29.  <div id="gauche"><p>gaucheffffffffffffffffffffffffffffffffffffffff</p></div>
  30.  <div id="droite"><p>droiteffffffffffffffffffffffffffffffffffffffff</p></div>
  31.  <div id="centre"><h2>Titre</h2>
  32.   <p>centrexxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
  33.  </div>
  35. </div>
  37. </body>
  39. </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

Reply

Marsh Posté le 20-10-2006 à 23:23:57   

Reply

Marsh Posté le 21-10-2006 à 01:37:06    

plusieurs solutions
1 - la plus simple : eviterlesmotsdeplusdecentcinquantesixlettrescarpeudegenssontcapablesdelescomprendre
2 - eviterlesmotsdeplusdecentcinquantesixlettrescarpeudegenssontcapablesdelescomprendre
 
en fait la c est obligé, ca aurait fait la meme chose avec tes vieilles tables hein  
pour eviter ca tu specifies bien un width a ton #centre et tu lui colles un overflow:auto; (un scroll)
 
apres comme livre raphael goetter a ecrit plusieurs livres sur le sujet
http://www.amazon.fr/CSS-Pratique- [...] F8&s=books
c ets la que j ai appris les bases =)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed