Sujet Précédent Sujet Suivant

Probleme menu deroulant aidez moi

edwix Messages postés 12 Date d'inscription lundi 28 septembre 2009 Statut Membre Dernière intervention 7 janvier 2010 - 21 déc. 2009 à 00:00
edwix Messages postés 12 Date d'inscription lundi 28 septembre 2009 Statut Membre Dernière intervention 7 janvier 2010 - 7 janv. 2010 à 18:33
Bonjour tout le monde je viens demander votre aide car sa fait depuis quelque temps que j'essaye de faire mon menu déroulant tout marche bien mais le problème est que je n'arrive pas a le faire passer au dessus du texte quelqu'un pourrait m'aider SVP voici les code :

code html les lettres bizares c'est fait exprès ne vous inquiéter pas lool :


<!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>
<link rel="stylesheet" rev="stylesheet" href="../script/OK1.css" />
<script language="javascript" type="text/javascript" src= "../script/OK1.js">
</script>
</head>

<!-- Banièrre du site !-->

<!-- Je choisi 100% pour avoir ma banière extensible!-->

<!-- ________________________________________________________________________________________________________________ !-->

<!--Menu déroulant code en javascript et css !-->



[menu1.html sfsdfa>


<li>]dfdsdgsg</li>
<li>[pg2.html gdgdfhh]</li>






[menu2.html hdfhgfh]

<li>[pg3.html hfgjfjgjfg]</li>
<li>[pg4.html jfgfjkfkh]</li>
<li>[pg5.html khgkkllllhkjh]</li>
<li>[pg6.html sfsdgdshsh]</li>
<li>[pg7.html fhhjuj]</li>
<li>[pg8.html gjgfdfjfjh]</li>






[menu3.html jghjhg]

<li>[pg9.html gjghjghj]</li>
<li>[pg10.html ghjgh ghjgjg]</li>
<li>[pg11.html jgjgjuykk]</li>
<li>[pg12.html fhfhhhhhfg]</li>






[menu4.html fhfghghghghf]

<li>[pag.html fhfhfhfha></li>
<li>]fhfghfhfgh</li>
<li>[pg15.html hfhfhfhf]</li>
<li>[pg16.html ffjgkfk]</li>
<li>[pg17.html Fgfffffffffffff]</li>




<!--__________________________________________________________________________________________________________________________________________________!-->


Bonjour dans ara

Braxbc,,v,b;jk;hvvvvvvvvvvvvv;;;hhgjhggfffhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbgggggggggggggg
eeeeeeeeeeertttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt
MERCI A TOUS POUR VOTRE AIDE






</html>

code css:


body {
background-color: #aae0a1;
color: black;
}

div {
margin-bottom: 10px;
margin-top : 0.30%;
width: 24.85%;
background-color: rgb(83, 228,52);
float : left;
text-align: center;
border: 1px solid black;
display: block;

z-index: 99;
}

ul.menu {

list-style-type: none;
margin-top: 2px;
padding: 0;
display: none;position: absolute;
border-top: 1px solid black;


}

ul.menu li {
font: 12px Comic Sans Ms, arial, helvetica, sans-serif;
padding-left: 10px;


}

a.menuLink, li a {
text-decoration: none;
color: #060;

}

a.menuLink {
font: 20px Comic Sans Ms, arial, helvetica, sans-serif;
font-weight: bold;

}

li a:hover {
background-color: #060;
color: white;

}
#corps
{
width: 100%;
font : 14px Comic Sans MS, Arial, Sans-Sherif;
border: 1px solid black;
text-align: left;
margin-top: 0.30px;
}
#corps h1
{
text-align: center;
text-decoration: underline;
color: #3f9230;
}
img
{
border: solid black 1px;
}
#tab_alpha td
{
text-align: center;
width: 0.24%;
}

code javascript :

window.onload = initAll;

function initAll() {
var allLinks = document.getElementsByTagName("a");

for (var i=0; i -1) {
allLinks[i].onclick = function() {return false;}
allLinks[i].onmouseover = toggleMenu;
}
}
}

function toggleMenu() {
var startMenu = this.href.lastIndexOf("/")+1;
var stopMenu = this.href.lastIndexOf(".");
var thisMenuName = this.href.substring(startMenu,stopMenu);

document.getElementById(thisMenuName).style.display = "block";

this.parentNode.className = thisMenuName;
this.parentNode.onmouseout = toggleDivOff;
this.parentNode.onmouseover = toggleDivOn;
}

function toggleDivOn() {
document.getElementById(this.className).style.display = "block";
}

function toggleDivOff() {
document.getElementById(this.className).style.display = "none";
}

2 réponses

Réponse 1 / 2
edwix Messages postés 12 Date d'inscription lundi 28 septembre 2009 Statut Membre Dernière intervention 7 janvier 2010
21 déc. 2009 à 13:07
Excuser moi pour le code css dans div { il faut enlever display:block; z-index: 99;} et dans ul.menu{il faut enlever position: absolute;}

merci d'avance pour tous ceux qui m'aideront car j'ai vraiment besoin d'aide.
0
Réponse 2 / 2
edwix Messages postés 12 Date d'inscription lundi 28 septembre 2009 Statut Membre Dernière intervention 7 janvier 2010
7 janv. 2010 à 18:33
Il y'a personne qui peut me répondre sur sa . Bon bin je me débrouillerais comme d'habitude.
0

Discussions similaires

menu en c
sebz10 -
decricri62 -

4 réponses
comment créer un sous menu
msi79 -
msi79 -

8 réponses
creer un menu deroulant dynamique avec "noms dynamiques"
cs_visman -
Bul3 -

3 réponses
Liste déroulante et récupération du contenu dans un input
Utilisateur anonyme -
rekaia_3459 -

28 réponses
créer un menu principal
cs_valsta -
valsta -

5 réponses
Rejoignez-nous