Probleme avec le menu de mon site
Résolu
freebox67
Messages postés
278
Date d'inscription
Statut
Membre
Dernière intervention
-
freebox67 Messages postés 278 Date d'inscription Statut Membre Dernière intervention -
freebox67 Messages postés 278 Date d'inscription Statut Membre Dernière intervention -
Bonjour,en faite j'ai un problème je voudrais savoir comment faire un menu normale sans le titre et metre juste 1 menu parceque si j'eleve sava ecrire accés bizarement regarder l'image que je vais montrait pour voir mon probleme
http://apu.mabul.org/up/apu/2008/09/30/img-172334k3ant.jpg.html
http://apu.mabul.org/up/apu/2008/09/30/img-172334k3ant.jpg.html
A voir également:
- Probleme avec le menu de mon site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site de partage de photos - Guide
- Site x - Guide
8 réponses
att je t'envoie tout mon code xhtml et dis moi comment le reglé
<!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>Le site de détéctive conan?</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="CSS" href="CSS.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu">
<div id="menu">
<ul id="onglets">
<li class="active"><a href="Accueil.html"> Accueil </a></li>
<li><a href="Forums.html"> Forums </a></li>
<li><a href="Livre_or.html"> Livre d'or </a></li>
<li><a href="Equipe.html"> L'équipe </a></li>
<li><a href="Inscription.html"> S'inscrire </a></li>
<li><a href="Connexion.html"> Se connecter </a></li>
</ul>
</div>
<h3>Titre menu</h3>
<ul>
<li><a href="page1.html">Lien</a></li>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>
<div class="element_menu">
<h3>Titre menu</h3>
<ul>
<li><a href="page4.html">Lien</a></li>
<li><a href="page5.html">Lien</a></li>
<li><a href="page6.html">Lien</a></li>
</ul>
</div>
</div>
<div id="corps">
<h1>Mon site</h1>
<p>
Bienvenue sur mon site !<br />
j'ai fais se site juste pour voir l'hebergeur
</p>
<h2>inscription</h2>
<p>
enfaite c juste un esser de site je sais pas encore tous sur css et xhtml mais bon <br />
</p>
</div>
<p>
L'image est plutot pas mal non? :<br />
<img src="conan_&_kaito_kid.jpg" alt="Image détéctive Conan" title="Ca fait envie hein ?" />
</p>
</body>
</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>Le site de détéctive conan?</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="CSS" href="CSS.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu">
<div id="menu">
<ul id="onglets">
<li class="active"><a href="Accueil.html"> Accueil </a></li>
<li><a href="Forums.html"> Forums </a></li>
<li><a href="Livre_or.html"> Livre d'or </a></li>
<li><a href="Equipe.html"> L'équipe </a></li>
<li><a href="Inscription.html"> S'inscrire </a></li>
<li><a href="Connexion.html"> Se connecter </a></li>
</ul>
</div>
<h3>Titre menu</h3>
<ul>
<li><a href="page1.html">Lien</a></li>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>
<div class="element_menu">
<h3>Titre menu</h3>
<ul>
<li><a href="page4.html">Lien</a></li>
<li><a href="page5.html">Lien</a></li>
<li><a href="page6.html">Lien</a></li>
</ul>
</div>
</div>
<div id="corps">
<h1>Mon site</h1>
<p>
Bienvenue sur mon site !<br />
j'ai fais se site juste pour voir l'hebergeur
</p>
<h2>inscription</h2>
<p>
enfaite c juste un esser de site je sais pas encore tous sur css et xhtml mais bon <br />
</p>
</div>
<p>
L'image est plutot pas mal non? :<br />
<img src="conan_&_kaito_kid.jpg" alt="Image détéctive Conan" title="Ca fait envie hein ?" />
</p>
</body>
</html>
ça devrait ressembler à quoi en clair?
il me faudra peut-etre le CSS...
EDIT:
tu as un bloc DIV pas refermé, le problème viens sûrement de là
il me faudra peut-etre le CSS...
EDIT:
tu as un bloc DIV pas refermé, le problème viens sûrement de là
body
{
width:760px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-image:url("001.jpg");
}
/* L'en-tête */
#en_tete
{
width:500px;
height:166px;
background-image:url("4567.bmp");
background-repeat:no-repeat;
margin-bottom:10px;
}
/* Le menu */
#menu
{
float:left;
width:120px;
}
.element_menu
{
background-color:#4569242;
background-image:url("ldskqjjjj.bmp");
background-repeat:repeat-x;
border:1px solid black;
margin-bottom:20px;
}
/* Quelques effets sur les menus */
.element_menu h3
{
color:#B3B3B3;
font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
text-align:center;
}
.element_menu ul
{
list-style-image:url("puce.png");
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
.element_menu a
{
color:#B3B3B3;
}
.element_menu a:hover
{
background-color:#B3B3B3;
color:black;
}
/* Le corps de la page */
#corps
{
margin-left:140px;
margin-bottom:20px;
padding:5px;
color:#B3B3B3;
background-color:#626262;
background-image:url("ldskqjjjj.bmp");
background-repeat:repeat-x;
border:1px solid black;
}
#corps h1
{
color:#B3B3B3;
text-align:center;
font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
height:30px;
background-image:url("Sanstitre1.png");
background-repeat:no-repeat;
padding-left:30px;
color:#B3B3B3;
text-align:left;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
padding:5px;
text-align:center;
color:#B3B3B3;
background-color:#626262;
background-image:url("motif.bmp");
background-repeat:repeat-x;
border:1px solid black;
}
input, textarea
{
font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
background-color: #FFFF99;
}
label
{
color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
legend /* On met un peu plus en valeur les titres des fieldset */
{
font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
color: #696969;
font-weight: bold;
}
fieldset
{
margin-bottom: 10px; /* Une marge pour séparer les fieldset */
background-color: #696969;
}
#onglets
{
font : bold 11px Batang, arial, serif;
list-style-type : none;
padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
border-bottom : 1px solid #9EA0A1;
margin-left : 0;
}
{
width:760px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-image:url("001.jpg");
}
/* L'en-tête */
#en_tete
{
width:500px;
height:166px;
background-image:url("4567.bmp");
background-repeat:no-repeat;
margin-bottom:10px;
}
/* Le menu */
#menu
{
float:left;
width:120px;
}
.element_menu
{
background-color:#4569242;
background-image:url("ldskqjjjj.bmp");
background-repeat:repeat-x;
border:1px solid black;
margin-bottom:20px;
}
/* Quelques effets sur les menus */
.element_menu h3
{
color:#B3B3B3;
font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
text-align:center;
}
.element_menu ul
{
list-style-image:url("puce.png");
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
.element_menu a
{
color:#B3B3B3;
}
.element_menu a:hover
{
background-color:#B3B3B3;
color:black;
}
/* Le corps de la page */
#corps
{
margin-left:140px;
margin-bottom:20px;
padding:5px;
color:#B3B3B3;
background-color:#626262;
background-image:url("ldskqjjjj.bmp");
background-repeat:repeat-x;
border:1px solid black;
}
#corps h1
{
color:#B3B3B3;
text-align:center;
font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
height:30px;
background-image:url("Sanstitre1.png");
background-repeat:no-repeat;
padding-left:30px;
color:#B3B3B3;
text-align:left;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
padding:5px;
text-align:center;
color:#B3B3B3;
background-color:#626262;
background-image:url("motif.bmp");
background-repeat:repeat-x;
border:1px solid black;
}
input, textarea
{
font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
background-color: #FFFF99;
}
label
{
color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
legend /* On met un peu plus en valeur les titres des fieldset */
{
font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
color: #696969;
font-weight: bold;
}
fieldset
{
margin-bottom: 10px; /* Une marge pour séparer les fieldset */
background-color: #696969;
}
#onglets
{
font : bold 11px Batang, arial, serif;
list-style-type : none;
padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
border-bottom : 1px solid #9EA0A1;
margin-left : 0;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Tu ne m'as toujours pas dit à quoi tu veux que ça ressemble... les menus doivent être collés? les liens doivent ressembler à ceux du menu d'en haut?
essai ça et dit moi ce qui reste à faire
======================================================================
<!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>Le site de détéctive conan?</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="CSS" href="CSS.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu">
<ul class="onglets">
<li class="active"><a href="Accueil.html"> Accueil </a></li>
<li><a href="Forums.html"> Forums </a></li>
<li><a href="Livre_or.html"> Livre d'or </a></li>
<li><a href="Equipe.html"> L'équipe </a></li>
<li><a href="Inscription.html"> S'inscrire </a></li>
<li><a href="Connexion.html"> Se connecter </a></li>
</ul>
<ul class="onglets">
<li><a href="page1.html">Lien</a></li>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>
<div class="element_menu">
<ul class="onglets">
<li><a href="page4.html">Lien</a></li>
<li><a href="page5.html">Lien</a></li>
<li><a href="page6.html">Lien</a></li>
</ul>
</div>
</div>
<div id="corps">
<h1>Mon site</h1>
<p>Bienvenue sur mon site !<br />j'ai fais se site juste pour voir l'hebergeur</p>
<h2>inscription</h2>
<p>enfaite c juste un esser de site je sais pas encore tous sur css et xhtml mais bon <br /></p>
</div>
<p>L'image est plutot pas mal non? :<br />
<img src="conan_&_kaito_kid.jpg" alt="Image détéctive Conan" title="Ca fait envie hein ?" />
</p>
</body>
</html>
essai ça et dit moi ce qui reste à faire
======================================================================
<!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>Le site de détéctive conan?</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="CSS" href="CSS.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu">
<ul class="onglets">
<li class="active"><a href="Accueil.html"> Accueil </a></li>
<li><a href="Forums.html"> Forums </a></li>
<li><a href="Livre_or.html"> Livre d'or </a></li>
<li><a href="Equipe.html"> L'équipe </a></li>
<li><a href="Inscription.html"> S'inscrire </a></li>
<li><a href="Connexion.html"> Se connecter </a></li>
</ul>
<ul class="onglets">
<li><a href="page1.html">Lien</a></li>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>
<div class="element_menu">
<ul class="onglets">
<li><a href="page4.html">Lien</a></li>
<li><a href="page5.html">Lien</a></li>
<li><a href="page6.html">Lien</a></li>
</ul>
</div>
</div>
<div id="corps">
<h1>Mon site</h1>
<p>Bienvenue sur mon site !<br />j'ai fais se site juste pour voir l'hebergeur</p>
<h2>inscription</h2>
<p>enfaite c juste un esser de site je sais pas encore tous sur css et xhtml mais bon <br /></p>
</div>
<p>L'image est plutot pas mal non? :<br />
<img src="conan_&_kaito_kid.jpg" alt="Image détéctive Conan" title="Ca fait envie hein ?" />
</p>
</body>
</html>
comme ça?
<!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>Le site de détéctive conan?</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="CSS" href="CSS.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu">
<ul id="onglets">
<li class="active"><a href="Accueil.html"> Accueil </a></li>
<li><a href="Forums.html"> Forums </a></li>
<li><a href="Livre_or.html"> Livre d'or </a></li>
<li><a href="Equipe.html"> L'équipe </a></li>
<li><a href="Inscription.html"> S'inscrire </a></li>
<li><a href="Connexion.html"> Se connecter </a></li>
</ul>
</div>
</div>
<div id="corps">
<h1>Mon site</h1>
<p>Bienvenue sur mon site !<br />j'ai fais se site juste pour voir l'hebergeur</p>
<h2>inscription</h2>
<p>enfaite c juste un esser de site je sais pas encore tous sur css et xhtml mais bon <br /></p>
</div>
<p>L'image est plutot pas mal non? :<br />
<img src="conan_&_kaito_kid.jpg" alt="Image détéctive Conan" title="Ca fait envie hein ?" />
</p>
</body>
</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>Le site de détéctive conan?</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="CSS" href="CSS.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<div class="element_menu">
<ul id="onglets">
<li class="active"><a href="Accueil.html"> Accueil </a></li>
<li><a href="Forums.html"> Forums </a></li>
<li><a href="Livre_or.html"> Livre d'or </a></li>
<li><a href="Equipe.html"> L'équipe </a></li>
<li><a href="Inscription.html"> S'inscrire </a></li>
<li><a href="Connexion.html"> Se connecter </a></li>
</ul>
</div>
</div>
<div id="corps">
<h1>Mon site</h1>
<p>Bienvenue sur mon site !<br />j'ai fais se site juste pour voir l'hebergeur</p>
<h2>inscription</h2>
<p>enfaite c juste un esser de site je sais pas encore tous sur css et xhtml mais bon <br /></p>
</div>
<p>L'image est plutot pas mal non? :<br />
<img src="conan_&_kaito_kid.jpg" alt="Image détéctive Conan" title="Ca fait envie hein ?" />
</p>
</body>
</html>