au secours le contenu est rebelle - HTML/CSS - Programmation
MarshPosté 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 ?
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;
}