Probleme de code scc
gaya_102
-
gaya_102 -
gaya_102 -
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
A voir également:
- Probleme de code scc
- Code ascii - Guide
- Code puk bloqué - Guide
- Code de déverrouillage oublié - Guide
- Code activation windows 10 - Guide
- Scanner qr code pc - Guide
5 réponses
Salut,
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:
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"
.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"
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
