Creer un menu

Nouveau WRInaute
Bonjour a tous,

Je voudrais savoir si quelqu'un pouvez m'aider car je voudrais créer un sous sous menu c'est a dire rajouter un catégorie de menu au sous menu voici le script qui vous parlera plus.

<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Sans titre</title>
<meta name="generator" content="Namo WebEditor v6.0">
</head>

<body>
<div id="layer1" style="width:836px; height:648px; position:absolute; left:63px; top:43px; z-index:1;">
<p>&nbsp;<!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" lang="fr">
<head>
<title>Menu déroulant horizontal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>


<style type="text/css">

body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}

a {text-decoration: none;
color: black;
color: #222;
}
-->
</style>
</head>

<body>

<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu1');">Menu 1</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>
Ajouter un sous menu au sous menu 1.1 ci dessus
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
<li><a href="#">Sous-Menu 1.4</a></li>
<li><a href="#">Sous-Menu 1.5</a></li>
<li><a href="#">Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre('smenu2');">Menu 2</dt>
<dd id="smenu2">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.2</a></li>
<li><a href="#">Sous-Menu 3.3</a></li>
<li><a href="#">Sous-Menu 3.4</a></li>
<li><a href="#">Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.2</a></li>
<li><a href="#">Sous-Menu 4.3</a></li>
</ul>
</dd>
</dl>

</div>


</body>
<p></p>
</div>
</body>

</html>
Voila un exemple de menu que je souhaite mais je le veux horizontal: http://www.asp-php.net/tutorial/asp-php/structure.php

Cordialement
 
WRInaute passionné
SIBELIUS a dit:
Borower a dit:
Tu as de tres bon exemple de menu sur http://css.alsacreations.com
Oui, c'est là qu'il l'a récupéré.
D'ailleurs pourquoi avoir retiré la mention vers la source du code (Alsacréations.com) ?

lol prit la main dans le sac :lol:

C'est vrai que lorsqu'on ne sais pas coder soit meme, et que l'on utilise le travaille des autre, la moindre des choses est de laisser les commentaires dans le CS... mais bon
 
WRInaute passionné
Re: Réferencement

barthoose a dit:
Bonsoir,

j'ai remarqué que les menus créés sous alsacréations n'indexent pas les liens. Par exemple : https://www.google.fr/search?q=alsacreat ... +Sous-Menu

On n'obtient qu'une seule page, et non pas tous les exemples

J'utilise ces menus dans un site, et j'ai le meme probleme : aucun de mes liens ne sont indexés. Le référencement date de début décembre.

DSL mais je ne pense pas que cela viennent des menu d'alsacreation.
Un menu c'est un menu.
Un lien c'est un lien.
Qu'il soit mis en forme differament c'est le meme resultat pour google.

Pour ton referencement attend encore un peut.
Ou donne nous l'adresse de ton site pour voir ce qui peut clocher.
 
WRInaute passionné
Deja toutes tes pages ont la meme description et meme keyword.
Google mais tes differente page comme similaire et donc ne les indexent pas toutes.

Edit n°2

Il est conseillé de mettre le debut du titre de tes pages different et ensuite mettre le nom du site Web.

Edit n°3

Je pense que google a fait le tour de ton site.
Il n'y a pas trop de contenu.
Pas mal de grosse images.
Google ta indexé 10 pages.
Pense tu avoir plus de contenu ?
 

➡️ Offre MyRankingMetrics ⬅️

pré-audit SEO gratuit avec RM Tech (+ avis d'expert)
coaching offert aux clients (avec Olivier Duffez ou Fabien Faceries)

Voir les détails ici

coaching SEO
Discussions similaires
Haut