[HTML/CSS] Affichage d'un menu

Version imprimable

24/02/2006, 10h51
leloup84

[HTML/CSS] Affichage d'un menu

Bonjour,
en haut d'une page, j'ai une bannière représentant l'entreprise et en dessus j'insère un menu dont j'ai récupéré le script sur le net. Le problème c'est que le menu ce met toujours en haut de la page au dessus de la bannière
Alors est-ce que quelqu'un s'y connait ?
Merci d'avance
24/02/2006, 10h52
Ben42

fait voir ton 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<html>
<head>
<title>Test du menu</title>
<script language="javascript" src="menu.js"></script>
<link rel="stylesheet" type="text/css" href="menu.css">
<style type="text/css">
body {
	background-color:black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFC9F;
	scrollbar-base-color:#fffc9f;
	scrollbar-track-color:#112211;
	scrollbar-arrow-color:#0088f8;
}
a:hover {color:#6699CC;}
a {text-decoration:none; color:#FFCC66;}
</style>
</head>
<body>
<!--
	D'après le script dispo sur openweb, mais grandement amélioré par
	Sylvain Machefert.
 
	voir http://iubito.free.fr/prog/menu.php pour toutes les explications
 
	Les infos sont dans le fichier "iubito's menu.txt".
 
-->
<div id="conteneurmenu">
<script language="Javascript" type="text/javascript">
// pour éviter le clignotement désagréable
preChargement();
</script>
	<p id="menu1" class="menu"
		onmouseover="MontrerMenu('ssmenu1');"
		onmouseout="CacherDelai();">
	<a onfocus="MontrerMenu('ssmenu1');">GESTION DES NOUVEAUTES<span>&nbsp;:</span></a>
    </p>
    <ul id="ssmenu1" class="ssmenu"
		onmouseover="AnnulerCacher();"
		onmouseout="CacherDelai();"
		onfocus="AnnulerCacher();"
		onblur="CacherDelai();">
	<li>
		<a href='?page=ajout_actus'>Ajouter une nouveauté<span>&nbsp;;</span></a>
	</li>
	<li>
		<a href='?page=voir_actus'>Voir les nouveautés<span>&nbsp;;</span></a>
	</li>
	<li>
		<a href='?page=afficher_actus'>Afficher la page<span>&nbsp;;</span></a>
	</li>
	<li>
	</ul>
<!-- ----------------------------------------- -->
    <p id="menu2" class="menu"
		onmouseout="CacherDelai();"
		onmouseover="MontrerMenu('ssmenu2');">
      <a onfocus="MontrerMenu('ssmenu2');">GESTION DES LIENS<span>&nbsp;:</span></a>
    </p>
    <ul id="ssmenu2" class="ssmenu"
		onmouseover="AnnulerCacher();"
		onmouseout="CacherDelai();"
		onfocus="AnnulerCacher();"
		onblur="CacherDelai();">
	<li>
		<a href='?page=ajout_liens'>Ajouter un lien<span>&nbsp;;</span></a>
	</li>
	<li>
		<a href='?page=voir_liens'>Voir les liens<span>&nbsp;;</span></a>
	</li>
	<li>
		<a href='?page=afficher_liens'>Afficher la page</a>
	</li>
    </ul>
<!-- ----------------------------------------- -->
    <p id="menu3" class="menu"
		onmouseout="CacherDelai();"
		onmouseover="MontrerMenu('ssmenu3');">
	  <a onfocus="MontrerMenu('ssmenu3');">GESTION DES SALONS<span>&nbsp;:</span></a>
    </p>
    <ul id="ssmenu3" class="ssmenu"
		onmouseover="AnnulerCacher();"
		onmouseout="CacherDelai();"
		onfocus="AnnulerCacher();"
		onblur="CacherDelai();">
	<li>
		<a href='?page=ajout_salons'>Ajouter un salon<span>&nbsp;;</span></a>
	</li>
	<li>
		<a href='?page=voir_salons'>Voir les salons<span>&nbsp;;</span></a>
	</li>
	<li>
		<a href='?page=afficher_salons'>Afficher la page<span>&nbsp;;</span></a>
	</li>
	</ul>
<!-- -----------------------------------------  -->
    <p id="menu4" class="menu"
		onmouseout="CacherDelai();"
		onmouseover="MontrerMenu('ssmenu4');">
	  <a onfocus="MontrerMenu('ssmenu4');">DECONNEXION<span>&nbsp;;</span></a>
    </p>
	<ul id="ssmenu4" class="ssmenu"
		onmouseover="AnnulerCacher();"
		onmouseout="CacherDelai();"
		onfocus="AnnulerCacher();"
		onblur="CacherDelai();">
	<li>
		<a href='?page=deconnect'>Se déconnecter<span>&nbsp;;</span></a>
	</li>
	</ul>
</div>
<script language="Javascript" type="text/javascript">var nbmenu=4;
Chargement();</script>
 
 
</body>
</html>

et donc ce menu je l'insère dans pas page admin sous le nom menu.php :

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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<table width="750" height="500" border="0" align="center" cellspacing="0" bgcolor="#FFFFFF">
	<tr>
    	<td width="776" colspan="3" bgcolor="#000066"><a href="index.htm" target="_self"><img src="images/ban.jpg" width="780" height="79" border="0"></a>
      		<table width="101%"  border="0">
        		<tr>
					<td>
						<table cellspacing="2" width="100%">
							<tr>
								<td><?php include ("menu.php"); ?></td>
							</tr>
						</table>
				   	</td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td>
		<div id="principale" align="center">
 
		<?php
		require("bdConnect.inc.php");
		if (!isset($_REQUEST['page'])){
		$fichier="accueil.php";
		}else{
			 switch($_REQUEST['page'])
			{
					case "admin":$fichier="admin.php";
					break;
					case "menuactus":$fichier="menuactus.php";
					break;
					case "ajout_actus":$fichier="ajout_actus.php";
					break;
					case "validation_actus":$fichier="validation_actus.php";
					break;
					case "voir_actus":$fichier="voir_actus.php";
					break;
					case "modification_actus":$fichier="modification_actus.php";
					break;
					case "modification2_actus":$fichier="modification2_actus.php";
					break;
					case "suppression_actus":$fichier="suppression_actus.php";
					break;
					case "afficher_actus":$fichier="afficher_actus.php";
					break;
					case "menuliens":$fichier="menuliens.php";
					break;
					case "ajout_liens":$fichier="ajout_liens.php";
					break;
					case "validation_liens":$fichier="validation_actus.php";
					break;
					case "voir_liens":$fichier="voir_liens.php";
					break;
					case "modification_liens":$fichier="modification_liens.php";
					break;
					case "modification2_liens":$fichier="modification2_liens.php";
					break;
					case "suppression_liens":$fichier="suppression_liens.php";
					break;
					case "afficher_liens":$fichier="afficher_liens.php";
					break;
					case "menusalons":$fichier="menusalons.php";
					break;
					case "ajout_salons":$fichier="ajout_salons.php";
					break;
					case "validation_salons":$fichier="validation_actus.php";
					break;
					case "voir_salons":$fichier="voir_salons.php";
					break;
					case "modification_salons":$fichier="modification_salons.php";
					break;
					case "modification2_salons":$fichier="modification2_salons.php";
					break;
					case "suppression_salons":$fichier="suppression_salons.php";
					break;
					case "afficher_salons":$fichier="afficher_salons.php";
					break;
					case "deconnect":$fichier="deconnect.php";
					break;
					case "menu":$fichier="menu.php";
					break;
					default:$fichier="accueil.php";
					break;			
				}
			}
			require $fichier;
			?>
		</div>
	</td>
	</tr>
	<tr>
    	<td colspan="3" background="images/bas_page.jpg">
			<table width="100%"  border="0" cellspacing="0">
      			<tr>
        			<td><span class="Style1"><u>Conception et r&eacute;alisation :</u> <a href="http://www.noao.com" target="_blank">Ar'image Noao Group</a> <u>D&eacute;veloppement :</u> <a href="http://www.environnementweb.com" target="_blank">Environnement Web</a> </span></td>
      			</tr>
   			</table>
		</td>
 	</tr>
</table>

24/02/2006, 11h34
Néo-Tony

sur le lien http://iubito.free.fr/prog/menu.php du commentaire du menu
il parle de la variable

Code:

var top_menu = 2;

avec comme indication

Citation:

/* position du menu par rapport au haut de l'écran ou de la page.
0 = le menu est tout en haut. en px */

as-tu fait des tests ?
24/02/2006, 11h40
leloup84

oui çà descend le menu mais çà descend aussi les reste dont le contenu et la fameuse bannière du site et il ne se met pas entre les <td> où je veux kil soit. C'est à dire sous la bannière...
24/02/2006, 11h51
leloup84

http://iubito.free.fr/faq/?curr=menu#1

J'ai trouvé ce lien où on peut insérer une bannière mais j'ai inséré ce code dans ma page menu.php çà ne fonctionne pas.