Probleme de code scc

Fermé
gaya_102 - 28 févr. 2009 à 15:54
 gaya_102 - 28 févr. 2009 à 17:03
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
A voir également:

5 réponses

N@th@ Messages postés 97 Date d'inscription lundi 19 janvier 2009 Statut Membre Dernière intervention 7 mai 2009 12
28 févr. 2009 à 16:02
je crois que tu as oublié images/blablabla.jpg pour les images dans ton code html.
0
Ricky38 Messages postés 4349 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013 1 459
28 févr. 2009 à 16:02
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:

<!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>
0
effectivement une erreur très bête de ma part. Par contre mes image ne sont pas du tout au bon endroit. Pourtant j'ai indiqué à quel endroit je voulais mes images. par exemple a 150 px du bas. Qu'est ce qui ne va pas?

voila l'adresse de la page

http://www.sandrineetgwen.fr/emeline4.html
0
N@th@ Messages postés 97 Date d'inscription lundi 19 janvier 2009 Statut Membre Dernière intervention 7 mai 2009 12
28 févr. 2009 à 16:17
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"
0
qu'est ce que je dois mettre pour dire donc mettre l'image a 173px du haut
0
N@th@ Messages postés 97 Date d'inscription lundi 19 janvier 2009 Statut Membre Dernière intervention 7 mai 2009 12
28 févr. 2009 à 16:24
utilisse ça :
position:absolute;
top:173px;
left:?;

remplace "?" par le nombre px depuis la gauche
0
ca y est ca marche merci de ton aide. Par contre comment est ce que je peut tout centrer?
merci d'avance
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
N@th@ Messages postés 97 Date d'inscription lundi 19 janvier 2009 Statut Membre Dernière intervention 7 mai 2009 12
28 févr. 2009 à 16:32
Content d'avoir pu t'aider.
tu met au body margin: auto;
0
merci pour ton aide
0