au secours le contenu est rebelle

au secours le contenu est rebelle - HTML/CSS - Programmation

Marsh Posté le 09-09-2008 à 12:03:28    

Bonjour,
 
Je suis en train de faire un site sur dreaweaver. Je vous met la feuille de style en dessous de mon post. Le pb c'est que le contenu (le texte) quand il est trop grand dépasse. En fait il n'y a pas de retour  la ligne automatique et c'est génant. Pouvez-vous m'aider ?  
 
Merci  
 
 
@charset "utf-8";
#page {
 padding: 0px;
 width: 955px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 background-color: #223244;
}
 
#bando {
 margin: 10px;
 padding: 10px;
 height: 250px;
 width: 955px;
 background-repeat: repeat;
 float: right;
 background-image: url(image/logocubecorrige.jpg);
}
 
#menu {
 margin: 0px;
 width: 955px;
 font-family: Georgia, "Times New Roman", Times, serif;
 white-space:nowrap;
 width: 955px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 16px;
 display: inline;
 float: right;
 color: #666666;
 font-weight: bold;
 margin: 5px;
 background-color: #236B98;
 background-repeat: repeat-y;
 height: 40px;
 padding-top: 0px;
 padding-right: 5px;
 padding-bottom: 0px;
 padding-left: 5px;
 
}
 
#gauche {
 float: left;
 padding-top: 25px;
 padding-right: 5px;
 padding-bottom: 0px;
 padding-left: 0px;
 text-align: center;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 20px;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 margin: 5px;
 width: 175px;
 background-image: url(image/arr.jpg);
}
 
#centre {
 float: left;
 margin-top: 5px;
 margin-right: 25px;
 margin-bottom: 10px;
 margin-left: 10px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 background-color: #CCCCCC;
 font-size: 16px;
 width: 550px;
 padding: 0px;
 height: auto;
 
 
}
#table {
 margin-left: 5px;
 border-top-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
 border-left-color: #CCCCCC;
 width: auto;
 visibility: visible;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
}
 
h1 {
 color: #000000;
 font-size: 20px;
 font-weight: bold;
 font-style: normal;
 text-decoration: underline;
 text-align: center;
}
td   {
 padding-left: 10px;
 visibility: visible;
 text-align: justify;
 border: medium double #000000;
}
h2 {
 font-family: Geneva, Arial, Helvetica, sans-serif;
 font-size: 24px;
 font-style: normal;
 font-weight: bold;
 color: #A80000;
 text-decoration: underline;
 text-align: center;
}
 
 
 
 
#droit {
 float: right;
 padding-top: 25px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 0px;
 font-style: normal;
 text-align: center;
 margin: 0px;
 width: 175px;
 background-image: url(image/arr.jpg);
 height: auto;
}
form {
 font-family: "Courier New", Courier, monospace;
 font-size: 16px;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 background-position: center center;
}
h3 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
 color: #CCCCCC;
}
 
#page #droit #form2 #bouton {
 color: #FFFFFF;
 background-color: #9999FF;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
 font-weight: normal;
 font-style: oblique;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 60px;
}
 
 
 
#pied {
 background-color: #62AFB2;
 margin: 0px;
 clear: both;
 width: 955px;
 padding-top: 5px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 0px;
 float: left;
}
body {
 font-family: Georgia, "Times New Roman", Times, serif;
 margin: 0px;
 padding: 0px;
 background-color: #223244;
}
 
#menu ul {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 font-size: 14px;
}
 
#menu li {
 display:inline;
 float:left;
 list-style-type:none;
 height: 25px;
 
 
    text-transform: uppercase;
 color: #FFFFFF;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 14px;
 font-weight: bold;
 margin: 5px;
 font-style: normal;
 line-height: normal;
 font-variant: normal;
 background-color: #236B98;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 5px;
 color: #FFFFFF;
 border-bottom-style: solid;
 border-bottom-width: thin;
}
#menu li a {
 display:block;
 font-weight: bold;
 float: left;
 height: 25px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 5px;
 clear: none;
 color: #FFFFFF;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 14px;
 font-weight: bold;
 margin: 0px;
 text-decoration: none;
 font-style: normal;
 white-space: nowrap;
 list-style-type: none;
 background-color: #236B98;
 
}
#menu li a:hover {
 color:#FF0000;
 font-weight: bold;
 text-decoration: none;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 14px;
 border-bottom-width: 3px;
 border-bottom-style: solid;
 float: left;
 border-bottom-color: #FF0000;
}

Reply

Marsh Posté le 09-09-2008 à 12:03:28   

Reply

Marsh Posté le 09-09-2008 à 19:30:53    

D'abord mets ton code entre les balises [ code=css] et [ /code] ;)
Ca donne :

Code :
  1. @charset "utf-8";
  2. #page {
  3. padding: 0px;
  4. width: 955px;
  5. margin-top: 0px;
  6. margin-right: auto;
  7. margin-bottom: 0px;
  8. margin-left: auto;
  9. background-color: #223244;
  10. }
  11.  
  12. #bando {
  13. margin: 10px;
  14. padding: 10px;
  15. height: 250px;
  16.  
  17. // ETC.


Message édité par Profil supprimé le 09-09-2008 à 19:31:07
Reply

Sujets relatifs:

Leave a Replay

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