Ben je suis loin d'y connaître quelque chose, donc oui c'est strodur ! Nan mais c'est vrai...
Ici, il s'agit d'un blog.
Dans ma feuille CSS, j'ai ceci :
/* OLD COMMENT PART */
/* BALISES */
hr{
height:1px;
display: block;
color: #195AB3;
clear: both;
}
/* ID */
#buttons{
width: 200px;
margin: 10px auto;
padding: 0px;
}
#buttons a{
color: #000;
font-size: 12px;
text-decoration: none;
margin: 0px 15px;
}
#buttons a:hover{
color: #000;
font-size: 12px;
text-decoration: underline;
margin: 0px 15px;
}
#form_comment{
font-size: 12px;
padding:20px; margin-top:10px; WIDTH: 100%; background-color:#AB9AA3
}
#footer{
width: 100%;
margin: 0px;
padding: 0px;
}
/* CLASSES */
.comment{
background-color:#AB9AA3;
margin: 10px 25px 25px 25px;
padding: 0px;
text-align: left;
}
.comment h1{
width: 100%;
margin: 0px;
padding: 0px;
font-size: 18px;
color: #000039;
}
.comment h2{
margin: 0px;
padding: 0px;
font-size: 13px;
font-style: italic;
}
.comment p{
font-size: 12px;
color: #000039;
}
.url{
display: block;
width: 300px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
text-decoration: none;
font-size: 12px;
font-style: italic;
}
.url:hover{
color: #FFFFFF;
margin: 0px;
padding: 0px;
text-decoration: underline;
font-size: 12px;
font-style: italic;
}
.sig{
margin: 0px;
padding: 0px;
float: right;
text-align: right;
font-size: 12px;
}
.sig h6{
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight: bold;
}
.obligatoire{
width: 11px;
height: 10px;
border: none;
margin: 0px;
padding: 0px;
}
.mail_link{
color: #FFFFFF;
margin: 0px;
padding: 0px;
text-decoration: underline;
font-size: 12px;
font-style: italic;
}
.mail_link:hover{
color: #FFFFFF;
margin: 0px;
padding: 0px;
text-decoration: underline;
font-size: 12px;
font-style: normal;
font-weight: bold;
}
.form_text{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.form_title{
width: 100%;
margin: 0px;
padding: 0px;
font-size: 16px;
color: #FFE6C4;
}
.freezone_content{
text-align: left;
font-size: 10px;
width: 100%;
}
.anchor2{
color: #FFFFFF;
font-size: 10px;
}
.content {
padding-top:0px; margin-top:0px; }
#container {
padding-top:0px; padding-bottom:20px;margin-top:0px; background-color:#5C3F17;
width: 750px;
}
a {text-decoration: none; color: #312A85; font-weight: normal}
a:link {text-decoration: none; color: #312A85}
a:active {text-decoration: none; color: #312A85}
a:visited {text-decoration: none; color: #312A85}
a:hover {text-decoration: underline; color: #67C4FB}
/* OLD MAINPAGE PART */
.BUTTON { font-family: arial, helvetica, sans-serif ; border-width: 1pt ; font-size: 12px ; color: #5C3F17 ; background-color: #D0032C ; }
html, body{
width: 100%;
height: 100%;
padding: 0;
margin: 0;
background-color:#AB9AA3;
}
.title{
FONT-SIZE: 26px; text-transform:uppercase; font-weight:bold; COLOR: #FFFFFF;
}
.title a:link {
COLOR: #FFFFFF;
text-decoration: none;
}
.title a:visited {
COLOR: #FFFFFF;
text-decoration: none;
}
.title a:hover {
COLOR: #FFFFFF;
text-decoration: none;
}
.title a:active {
COLOR: #FFFFFF;
text-decoration: none;
}
.description{
FONT-SIZE: 11px; COLOR: #FF0000; text-transform:uppercase; font-weight:bold;
}
.left {
padding:8px ; FONT-SIZE: 12px;
}
td {
vertical-align:top
}
img{
border: 0;
}
.post_header{
}
.post_header h2{
color: #FFFFFF;
text-transform:uppercase;
margin: 0;
font-size: 14px;
text-align: left;
background:none
}
.post_header h3{
margin: 0;
font-size: 11px;
text-align: left;
background:none;
color: #F8B558;
}
.post_header a{
color: #333333;
text-decoration: none;
margin: 0;
padding: 0;
}
.post_header a:hover{
color: #333333;
text-decoration: underline;
margin: 0;
padding: 0;
}
.post_footer{
}
.post_content{
color: #000000;
clear: both;
padding:0px;
margin-top: 5px;
font-size: 12px;
}
.post_content_font{
font-size: 12px;
}
.post_content ul{
margin-left: 10px;
}
.post_content li{
margin-left: 10px;
}
.post_content img{
solid; FLOAT: left; margin-right: 10px; margin-BOTTOM: 2px;
}
.boxheader{
text-align:left; FONT-SIZE: 12px; font-weight:bold; text-transform:uppercase; padding-top:6px; padding-bottom:5px;color:#FFC370
}
.boxback{
}
#boxcontent{
margin-left:0px ; padding-left:0px; text-align:left; FONT-SIZE: 12px; color:#FFE6C4
}
UL
{
padding: 0px;
margin-left: 0px;
list-style-type: none;
}
li{
list-style-image: url(http://blogsimages.skynet.be/images_fixed/static_529/LfSmart.gif);
margin: 0px;
margin-left: 0px;
padding: 0px;
text-align: left;
vertical-align: middle;
list-style-type: none;
}
#boxcontent TD{
padding-bottom:4px
}
.top_freezone{
text-align:left; FONT-SIZE: 12px; font-weight:bold; text-transform:uppercase; padding-top:6px; padding-bottom:2px; color:#FFC370
}
.freezone_contentleft{
FONT-SIZE: 12px; padding-top: 6px; padding-bottom: 6px;
}
.header_left
{
padding-right: 0px;
padding-left: 0px;
float: left;
padding-bottom: 15px;
padding-top: 35px;
height: auto;
min-height: 55px;
}
BODY, UL, OL, LI, DD, DL, BLOCKQUOTE, TD, TH
{
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFE6C4;
}
p {
FONT-SIZE: 13px;
}
#centreur {
background-repeat: repeat-x;
height: auto;
min-height: 600px;
}
.header{
padding-top:10px;
padding-bottom:8px;
height: 50px;
min-height: 50px;
}
Comment faire ? Où le mettre ?
Merci beaucoup
Message édité par Vivemotion le 14-11-2007 à 15:26:21