Discussion :

[sebaaas]

Bonjour à tous,

J'ai créé un petit site http://www.testmat.net .

J'ai réussit à faire des menus, malheureusement, mes liens ne sont pas suivi par les moteur de recherche. Pourriez vous m'aider.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div class="menu" id="menu1" onmouseover="affiche(this)">
		<a href="#">Config</a>
		<div class="sousmenu" id="sousmenu1" style="display:none" onmouseout="affiche(this)">
		<div><a href="config/tous-les-tests.html">Les configurations</a></div>
		</div>
 
	</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
function affiche(obj){
	var id = obj.id;
 
	for(var i = 1; i <= 33; i++){
		document.getElementById('sousmenu'+i).style.display = "none";
	}
 
	if(document.getElementById('sous'+id)){
		document.getElementById('sous'+id).style.display = "block";
	}
}

D'avance merci

[4R416N33]

c ton display:none qui va poser problème au niveau des robots.

Deux solutions, une mauvais assez simple, une bonne un peu plus complexe :

La mauvaise :

Tu enleve les display:none et tu ajoutes un onload sur ton javascript qui va tous les remettre en display:none. Mauvaise solution car il se peut qu'avec le temps de chargement, le visiteurs voit tous les menus découverts pendant quelques secondes !!!

La bonne :

Tu joues avec le z-index à savoir que tu donnes un div 100% des dimensions du body et en dehors de ce div, tu mets tes sous menus avec un z-index inférieur à ce div, tu augmentes le z-index pour afficher un menu ! L'inconvénient et qu'il te fait revoir pas mal la structure de ta page et tes scripts.

Maintenant, à toi de voir...