Le fond de ma page n'apparait pas

Résolu
gaya_102 - 10 févr. 2010 à 11:05
 gaya_102 - 10 févr. 2010 à 12:39
Bonjour,
voila mes chemins d'accés je pense etre bon puisque mon css est bon et mon menu apparait.

Voila mon css


li
{display:inline;}

.centreX
{
	position:absolute;
	left:50%;
	margin-left:-500px;
	width: 1000px;
	top:50%;
	margin-top:-276px;
	height: 552px;
	background-image : url("images/fond.JPG");
	background-repeat: no-repeat;
	border :2px solid black;
	font-style: italic;
		font-family:comic sans ms, Times New Roman, Times, serif;

}


body {
	background-color: #f7d8fc;
		font-family:comic sans ms, Times New Roman, Times, serif;
	font-style: italic;}
	
	span.titre {
color: #b04cbf;

	font-size: 26px;
	text-decoration: none;
	text-align: center;
	position:absolute;
	top: 10px;
	left : 230px;
	font-style: italic;

}

a {
	color: #781d89;
font-style: italic;
	font-size: 15px;
	 font-weight:bold;
	text-decoration: none;
	text-align: center;
} 

a:hover {
    color: #e365f6;

	font-size: 15px;
	 font-weight:bold;
	text-decoration: none;
	text-align: center;
	font-style: italic;
}

.slogan {
color: #7890d2;

	font-size: 16px;
	text-decoration: none;
	text-align: right;
	position:absolute;
	top: 180px;
	top: 55px !important;

	left: 582px;
	font-style: italic;
	margin-right:5px;
	}
	
	h1
	{
	font-size: 15px;
 font-weight:bold;
text-align:left;
text-decoration: underline ;
position:absolute;
top: 5px;
left:25px;
color: #7890d2;
	font-style: italic;
}
	
	
#menuHorizon {
font-size: 13px;
float:right;
margin-top:110px;
padding-left:0;
padding-right:20px;
font-style: italic;

}

#header p.texte {
margin:0px;
}
#menuHorizon li {
display:inline;
height:400px;
line-height:26px;
vertical-align:top;
left:100px;
}



.a {
position: relative;
	float:left;
	width:165px;
	height:370px;
	top: 230px !important;
top: 130px ;
	text-align: center;
	font-family:comic sans ms, Times New Roman, Times, serif;
font-size: 15px;
	}
	

	
		.fenetre4{
overflow: auto;
position:absolute;

  width:752px;
  top: 10px;
  height : 402px ;
 
}
	
		.fenetre{
overflow: auto;
position:absolute;
  width:725px;

height : 402px ;
  top: 150px;
  left: 275px;

}
	

}
	
	table
{
margin: auto; /* Centre le tableau */
position: relative;
top: 40px;
   width:750px;
 
 font-size: 15px;
  }
td
{
text-align: center; /* Tous les textes des cellules seront centrés*/
   border: 0px solid black;
}




																						/* page produit*/

h2{
text-align: center; 
margin-right:15px;
margin-left:5px;
font-size: 15px;
margin: 0;
color: #7890d2;
}

h3{

color: #7890d2;
font-size: 15px;
margin: 0;
}

h4
	{
	font-size: 17px;
top: 15px;
left:50px;
color: #7890d2;
	font-style: italic;
	text-decoration: underline ;
}

h5
	{
	font-size: 14px;


color: #black;
	font-style: italic;
	
	text-align: left; 
}

h6
	{
	font-size: 15px;
color: #781d89;
	font-style: italic;
	
}


.tableau
{
margin: auto; /* Centre le tableau */
position: relative;
top: -25px;
   
 
 font-size: 15px;
 
}

.texte{
text-align: center; 
 width:720px;
 font-weight:bold;
margin-left:15px;
margin-right:55px;
font-size: 15px;
margin: 0;
text-align: center; }


.hauteur{

height:30px;
}


voila mon code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>
Faire part naissance et faire part mariage : création de faire part originaux et faire part personalisé sur les faire parts de gaya.</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1;" />
<meta name="description" content="création de faire part de mariage, faire part de naissance et faire part originaux et faire part personalisé"/>
<meta name="keywords" content="faire,part,faire part,faire part naissance,faire part mariage, création de faire part, faire part personalisé, creation, personalisation, faire part de naissance,faire part deuil, bébé, bapteme, modeles faire part pour mariage,fille,garçon, faire parts,faire part photo, faire-part, faire parts naissance, faire parts de naissance, faire-part mariage, faire-part jumeaux, faire-part naissance garçon, faire-parts, faire-parts mariage,marié,liste, gratuit,cartes de remerciement, carte de mariage, carte de naissance, BAPTEME,CARTE DE DEUIL, papier, gratuit, texte faire part, faire part gaya" />
<meta http-equiv="content-language" content="fr, en" />
<meta name="author" content="les faire parts de gaya" />
<link rel="shortcut icon" type="image/x-icon" href="gaya_files/favicon0.htm" />
<link rel="stylesheet" href="gwencss.css" type="text/css" media="all" />
 <link rel="stylesheet" type="text/css" href="style.css" />
      <!--[if IE]>
      <link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->


</head>
<body>
<div class="centreX">
	<div id="header">
	
					<?php
include("menu.php");
?>
	
	</div>
	<div id="content">

	
		<div class="fenetre">

</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-11713821-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>


Merci d'avance pour votre aide
A voir également:

1 réponse

probleme résolu
En fait c'était juste parce que j'avais mis JPg en majuscule
0