Problème CSS avec le menu
Résolu
Bonjour, je suis un tutoriel pour faire mon site, je suis au CSS et lorsque je centre (Haut=>Milieu=>Bas, PAS Droite=>Milieu=>Bas) ben l'image du menu se répète plus bas :
http://www.hostingpics.net/viewer.php?id=539474Untitled_1.jpg
(j'utilise le code padding-top: 40px;)
http://www.hostingpics.net/viewer.php?id=539474Untitled_1.jpg
(j'utilise le code padding-top: 40px;)
12 réponses
-
Merciii !!!!!
"Pas très judicieux le choix de tes images, mais bon, la solution : "
C'est juste un premier essaie !
Merci beaucouuuuuuuuuuuuuuuuuuuup ! -
http://www.hostingpics.net/viewer.php?id=825887banniere.jpg
http://www.hostingpics.net/viewer.php?id=737675bas.jpg
http://www.hostingpics.net/viewer.php?id=120948haut.jpg
http://www.hostingpics.net/viewer.php?id=351254milieu.jpg
http://jeffcky.atspace.com/
Je ne sais pas qu'elle doctype j'ai utiliser :/-
Et c'est c'est en ligne finalement ! cool... :)
C'est du xhtml 1.0 Strict ton doctype...
Pas très judicieux le choix de tes images, mais bon, la solution :
code CSS#menu { background: url("haut.jpg") no-repeat; width: 1000px; height: 161px; text-align: center; font-size: 16px; } #menu p { margin:0; line-height:100px; }
Code html du menu :<div id="menu"> <p><a href='index.html'>Accueil</a> <a href='index.html'>News</a> <a href='index.html'>Guestbook</a></p></div>
-
-
Je l'ai mise sur atspace, mais il bug, il dit que le chargement a échouer
-
Sa ne change pas
-
Sufixe image ?
-
Ben il ne l'a plus si je met ca
-
Ben je l'ai fait, mais sa ne change pas :s
-
Où ?
-
CSS :
body
{
background-color: #6a3737;
}
#header
{
background-image: url("../site/images/banniere.jpg");
width: 1000px;
height: 255px;
}
#menu
{
background-image: url("../site/images/haut.jpg");
background-repeat:none;
width: 1000px;
height: 161px;
text-align: center;
font-size: 16px;
padding-top: 40px;
}
#corps
{
background-image: url("../site/images/milieu.jpg");
background-repeat: repeat-y;
width: 1000px;
}
#footer
{
background-image: url("../site/images/bas.jpg");
width: 1000px;
height: 85px;
}
#conteneur
{
margin: auto;
width: 778px;
}
#menu a
{
color: white;
margin-left: 10px;
margin-right: 10px;
}
HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>JeffCky Website</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" href="index.css" />
</head>
<body>
<div id="conteneur">
<div id="header"></div>
<div id="menu">
<a href='index.html'>Accueil</a> <a href='index.html'>News</a> <a href='index.html'>Guestbook</a></div>
<div id="corps"></div>
<div id="corps">
Blablablablalbalblablalbal Blablablablalbalblablalbal
Blablablablalbalblablalbal Blablablablalbalblablalbal
Blablablablalbalblablalbal Blablablablalbalblablalbal
Blablablablalbalblablalbal Blablablablalbalblablalbal
Blablablablalbalblablalbal Blablablablalbalblablalbal
Blablablablalbalblablalbal Blablablablalbalblablalbal
Blablablablalbalblablalbal Blablablablalbalblablalbal
Blablablablalbalblablalbal Blablablablalbalblablalbal
Blablablablalbalblablalbal Blablablablalbalblablalbal
</div>
<div id="footer">
Jeffcky Copyright - Tous droits réservés © 2010
</div>
</body>
</html> -
Comment je peux vous les faire parvenir ?
-
#menu
{
background-image: url("../site/images/haut.jpg");
background-repeat:none;
width: 1000px;
height: 161px;
text-align: center;
font-size: 16px;
padding-top: 40px;
} -
Sans le code complet, ou une url, ce n'est pas facile de dire grand chose...
