Ajouter un logo audessus des menus imbriqués

Version imprimable

09/11/2005, 17h50
ghyosmik

Ajouter un logo audessus des menus imbriqués

Salut,

J'ai crée des menus imbriquée dans le cadre superieur de ma page et je veux avoir dans ce cadre et en dessus des menus un logo et des animations flash, le problème que j'ai rencontré c'est que les menus me cache le logo!!

Voici mon code
<body>
<script type="text/javascript" src="E:/SitYos/1.js"></script>
<link rel="stylesheet" href="E:/SitYos/t2.css">
<p><img src="img_1/INSCRIT/logo1.jpg" width="156" height="57"><br>
</p>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu1');">Offres</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Critéres</a></li>

<li><a href="#">Technos</a></li>

</ul>

</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu2');">Inscriptions</dt>
<dd id="smenu2">
<ul>
<li><a href="#">CV</a></li>

<li><a href="#">Fiche Renseignement</a></li>

</ul>
</dd>
</dl>

</div>

</body>

Alors que dois je faire
09/11/2005, 17h57
Strab

:tagcode:

Ton problème vient sûrement de la façon dont est programmé le menu. Je te suggère te déplacer le post dans le forum Javascript, et de donner plutôt le code du menu, car c'est lui qui pose problème.

A priori ton code HTML ne devrait pas poser ce genre de problème.
09/11/2005, 18h22
ghyosmik

Ah bon!! :o

je croyais que le script est bon mais le problème c'est au niveau de html ou css de la page, Non!!!!??

Salut tout le monde,

J'ai essayé de résoudre un peu le problème,

Bon, ce que j'ai enfin c'est des menus et des sous menus en haut du cadre puis en dessous mon logo, donc y a plus le problème du cache du logo par les menus!

(Ce que j'ai fais c'est de mettre un tableau invisible dans mon cadre et j'ai mis la barre des menus dans le dernier ligne alors que le logo en premier )Voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
 
 
<html>
<head>
<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>
 
<title>Document sans nom</title>
</head>
<body> 
<script type="text/javascript" src="E:/SitYos/1.js"></script> 
<link rel="stylesheet" href="E:/SitYos/t2.css"> 
 
<table width="985" height="207" border="0" bordercolor="#FFFFFF">
  <tr>
    <td width="707"><p><img src="img_1/INSCRIT/logo1.jpg" width="156" height="57"><br> 
</p> </td>
    <td width="10">&nbsp;</td>
    <td width="9">&nbsp;</td>
    <td width="245">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div id="menu"> 
<dl> 
<dt onmouseover="javascript:montre();"><a href="f.htm" title="Retour à l'accueil" target="mainFrame">Accueil</a></dt> 
</dl> 
 
<dl> 
<dt onmouseover="javascript:montre('smenu1');">Offres</dt> 
<dd id="smenu1"> 
<ul> 
<li><a href="#">Critéres</a></li> 
 
<li><a href="#">Technos</a></li> 
 
</ul> 
 
</dd> 
</dl> 
 
 
 
<dl> 
<dt onmouseover="javascript:montre('smenu2');">Inscriptions</dt> 
<dd id="smenu2"> 
<ul> 
<li><a href="CV.htm" target="mainFrame">CV</a></li> 
 
<li><a href="FichRenseign.htm" target="mainFrame">Fiche Renseignement</a></li> 
 
</ul> 
</dd> 
</dl> 
 
 
 
 
<p>&nbsp;</p>
<p>&nbsp;</p>
</div> &nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

Mais ce que je veux vraiment avoir comme résultat c'est d'avoir le logo en haut du cadre et la barre des menus en bas du cadre :!:

Je compte sur votre aide
Merci d'avance :wink: