Problème fond de page cssRésolu/Fermé

Question

Bonjour, 
comment changer la couleur de fond de page par une image de fond fixe sur ce style css :
En vous remerciant par avance pour l'aide que vous pourrez m'apporter

td {
	text-align: left;
	vertical-align: top;
	font-family:Verdana;
	font-size:12px;
	color:#000000;
	line-height:18px;
}


.input_contact{background-color:#ffffff;
	width:290px;
	height:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #adadad;}
	
.textarea_contact{background-color:#ffffff;
	width:290px;
	height:93px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #adadad;}



body {margin:0px; padding:0px; background-image:url(images/background.jpg); background-repeat:repeat-x; background-color:#333437;}
.menu_bg {background-image:url(images/menu.jpg); background-repeat:repeat-x;}
.header {background-image:url(images/header.jpg); background-repeat:no-repeat;}
.top {background-image:url(images/top.jpg); background-repeat:repeat-x;}
.baner1 {background-image:url(images/baner1.jpg); background-repeat:no-repeat;}
.baner2 {background-image:url(images/baner2.jpg); background-repeat:no-repeat;}
.tab {background-color:#ffffff;}
.tab1 {background-color:#e6e6e6;}
.line {background-image:url(images/line.jpg); background-repeat:repeat-y;}



.menu         { font-family: Arial, serif; font-size: 14px; color: #ffffff; text-decoration:none; font-weight:bold; display:block; width:141px; height:36px; text-align:center; padding-top:22px; float:left; text-transform:uppercase;}
.menu:link    { font-family: Arial, serif; font-size: 14px; color: #ffffff; text-decoration:none; font-weight:bold; display:block; width:141px; height:36px; text-align:center; padding-top:22px; float:left; text-transform:uppercase;}
.menu:hover   { font-family: Arial, serif; font-size: 14px; color: #3ad9ff; text-decoration:none; font-weight:bold; display:block; width:141px; height:36px; text-align:center; padding-top:22px; float:left; text-transform:uppercase;}
.menu:active  { font-family: Arial, serif; font-size: 14px; color: #ffffff; text-decoration:none; font-weight:bold; display:block; width:141px; height:36px; text-align:center; padding-top:22px; float:left; text-transform:uppercase;}

.menu_bottom         { font-family: Verdana, serif; font-size: 11px; color: #bbbbbb; text-decoration:none;}
.menu_bottom:link    { font-family: Verdana, serif; font-size: 11px; color: #bbbbbb; text-decoration:none;}
.menu_bottom:hover   { font-family: Verdana, serif; font-size: 11px; color: #8ae2ff; text-decoration:underline;}
.menu_bottom:active  { font-family: Verdana, serif; font-size: 11px; color: #bbbbbb; text-decoration:none;}

.link         { font-family: Verdana, serif; font-size: 14px; color: #ffffff; font-weight:bold; text-decoration:none;}
.link:link    { font-family: Verdana, serif; font-size: 14px; color: #ffffff; font-weight:bold; text-decoration:none;}
.link:hover   { font-family: Verdana, serif; font-size: 14px; color: #f29c00; font-weight:bold; text-decoration:none;}
.link:active  { font-family: Verdana, serif; font-size: 14px; color: #ffffff; font-weight:bold; text-decoration:none;}

.news         { font-family: Verdana, serif; font-size: 12px; color: #bb0c0b; text-decoration:underline;}
.news:link    { font-family: Verdana, serif; font-size: 12px; color: #bb0c0b; text-decoration:underline;}
.news:hover   { font-family: Verdana, serif; font-size: 12px; color: #bb0c0b; text-decoration:none;}
.news:active  { font-family: Verdana, serif; font-size: 12px; color: #bb0c0b; text-decoration:underline;}

.read         { font-family: Verdana, serif; font-size: 12px; color: #0274d4; text-decoration:underline;}
.read:link    { font-family: Verdana, serif; font-size: 12px; color: #0274d4; text-decoration:underline;}
.read:hover   { font-family: Verdana, serif; font-size: 12px; color: #0274d4; text-decoration:none;}
.read:active  { font-family: Verdana, serif; font-size: 12px; color: #0274d4; text-decoration:underline;}



.red { color:#ea1344}
.name {font-family:Arial, serif; font-size:20px; color:#000000;}
.name1 {font-family:Arial, serif; font-size:20px; color:#ffffff; text-transform:uppercase;}
.company {font-family:Arial, serif; font-size:33px; color:#ffffff; font-weight:bold; margin-left:10px; margin-top:10px; line-height:20px;}
.company1 {font-family:Verdana, serif; font-size:10px; color:#a3a3a5; text-transform:uppercase; font-weight:100}
.ser {color:#adadad;}
.blue {color:#3ad9ff;}

.pictures { float:left; margin-right:15px; padding-bottom:20px;}
.read_im {margin-right:15px;}
.logo {float:left; margin-left:20px; margin-top:20px; margin-right:20px;}
.line {padding-top:15px; padding-bottom:15px;}
.str { list-style-image: url('images/str.jpg'); padding-left:15px; margin-left:15px; line-height:18px; margin-top:0px; margin-bottom:0px;}
.str1 { list-style-image: url('images/str1.jpg'); padding-left:15px; margin-left:15px; line-height:22px; margin-top:0px; margin-bottom:0px;}

.copyright {color:#626161; font-size:11px; line-height:14px; float:left; margin-left:15px; margin-top:10px; padding-bottom:10px;}
.div_menu_bottom {color:#bbbbbb; font-size:11px; float:right; margin-right:15px; margin-top:16px; padding-bottom:10px;}
.div_top {float:right; width:450px; margin-right:35px; margin-top:130px; color:#707070;}
.blok { margin-left:20px; margin-right:20px; margin-top:10px; padding-bottom:10px;}
.blok_baner {margin-left:160px; margin-top:20px; margin-right:25px; color:#ffffff; line-height:15px;}



Configuration: Windows XP / Internet Explorer 8.0

m-a-o-u-s-i · Answer

bha tu l'as déjà fait :
"background-image:url(images/background.jpg);"
...

porcinet54 · Answer

le problème c'est que sa ne marche pas et j'ai un code couleur de fond déjà approprié à la page d'ou le problème que j'ai ci-dessus

Stéphane18 · Answer

Salut, effectivement tu as une image de fond et un fond en couleur, tu dois enlever une des deux lignes ou alors n'en faire qu'une seule: 
body { 
    margin:0px; 
    padding:0px;  
    background-image:url(images/background.jpg); (soit l'image)  
    background-repeat:repeat-x; (qui se répète) 
    background-color:#333437; (soit la couleur) 
} Ou alors le tout en un: 
background: #333437 url("images/background.jpg") repeat-x;

Problème fond de page css

3 réponses

Discussions similaires

Newsletters