[HTML/CSS] Affichage d'un menu

**leloup84** · 24/02/2006, 10h51

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

**Ben42** · 24/02/2006, 10h52

fait voir ton code...

**leloup84** · 24/02/2006, 10h55

Code :

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

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>

**leloup84** · 24/02/2006, 11h31

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

Code :

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

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>

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

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

Code :

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

 var top_menu = 2;

avec comme indication

/* 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 ?

**leloup84** · 24/02/2006, 11h40

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...

**leloup84** · 24/02/2006, 11h51

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.

[HTML/CSS] Affichage d'un menu

CSS

Discussions similaires

Partager

Partager