Probleme de code scc
Bonjour,
tout d'abord
voila mon code
<code type="html">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>index emiline</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design_emeline4.css" />
</head>
<body>
<!-- fond -->
<center>
<div id="unite">
<div class="en_tete">
<img src="bande_haut_index.jpg">
</div>
<div class="menu">
<img src="gauche_bouton.jpg">
<img src="presentation_off.jpg">
<img src="jourj_off.jpg">
<img src="infos_pratiques_off.jpg">
<img src="contact_off.jpg">
<img src="droite_bouton.jpg">
</div>
<div class="bas_page">
<img src="bande_bas_index.jpg">
</div>
</div>
</center>
</body>
</html>
</code>
<code type="css">
#unite
{
width: 980px;
height: 542px;
background-image : url("image/fond_emeline.jpg");
background-repeat: no-repeat;
}
.menu
{
margin-top: 173px;
width: 980px;
height: 126px;
}
.en_tete
{
width: 980px;
height: 173px;
}
.bas_page
{
width: 980px;
height: 243px;
}
</code>
en fait j'ai mon image de fond qui s'affiche mais pas les autres que l'on trouve dans le fichier html. Pourquoi
merci d'avance
tout d'abord
voila mon code
<code type="html">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>index emiline</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design_emeline4.css" />
</head>
<body>
<!-- fond -->
<center>
<div id="unite">
<div class="en_tete">
<img src="bande_haut_index.jpg">
</div>
<div class="menu">
<img src="gauche_bouton.jpg">
<img src="presentation_off.jpg">
<img src="jourj_off.jpg">
<img src="infos_pratiques_off.jpg">
<img src="contact_off.jpg">
<img src="droite_bouton.jpg">
</div>
<div class="bas_page">
<img src="bande_bas_index.jpg">
</div>
</div>
</center>
</body>
</html>
</code>
<code type="css">
#unite
{
width: 980px;
height: 542px;
background-image : url("image/fond_emeline.jpg");
background-repeat: no-repeat;
}
.menu
{
margin-top: 173px;
width: 980px;
height: 126px;
}
.en_tete
{
width: 980px;
height: 173px;
}
.bas_page
{
width: 980px;
height: 243px;
}
</code>
en fait j'ai mon image de fond qui s'affiche mais pas les autres que l'on trouve dans le fichier html. Pourquoi
merci d'avance
Configuration: Windows XP Firefox 3.0.6
5 réponses
-
je crois que tu as oublié images/blablabla.jpg pour les images dans ton code html.
-
ContributeurSalut,
en partant on voit que ton image de fond est dans le répertoire image donc j'imagine que les autres images aussi sont dans ce répertoire. donc ta source devrait commencer par image/tonfichier.
donc:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>index emiline</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design_emeline4.css" /> </head> <body> <!-- fond --> <center> <div id="unite"> <div class="en_tete"> <img src="image/bande_haut_index.jpg"> </div> <div class="menu"> <img src="image/gauche_bouton.jpg"> <img src="image/presentation_off.jpg"> <img src="image/jourj_off.jpg"> <img src="image/infos_pratiques_off.jpg"> <img src="image/contact_off.jpg"> <img src="image/droite_bouton.jpg"> </div> <div class="bas_page"> <img src="image/bande_bas_index.jpg"> </div> </div> </center> </body> </html>
-
dans :
.menu
{
margin-top: 173px;
width: 980px;
height: 126px;
}
enlève margin-top car il veut dire "laisse 173 px d'espace entre le menu et l'élément d'au-dessus" et non "laisse 173 px d'espace entre le menu et le haut de la page" -
utilisse ça :
position:absolute;
top:173px;
left:?;
remplace "?" par le nombre px depuis la gauche -
Content d'avoir pu t'aider.
tu met au body margin: auto;
