menu déroulant qui déroule bien

Marsh Posté le 08-10-2005 à 11:04:42

Salut je cherche a faire un menu déroulent dans le bas dune page. Et il faudrait que le menu déroule vers le haut. (Simple)
Alors merci « JavaScript » pour cela ok. Mais comment faire dérouler le menu vers le haut et non vers le bas. Je doit modifier le div.menubar (position : absolute, Z-indes ; -20) par exemple ou bien long de la solution. Merci de me sortir du brouillard.

Reply

Marsh Posté le 08-10-2005 à 11:04:42

Reply

Marsh Posté le 08-10-2005 à 11:28:12

tu devrais être encore moins précis.
aucun code, keudal, tu as pas moins précis.
Tiens tu dirais meme pas le langage utilisé, ni que c'est un menu ca serait mieux

file nous ton code, on te depatouilleras, ou plutot on te guideras

---------------
Les CSS c'est bon mangez-en

Reply

Marsh Posté le 08-10-2005 à 11:39:27

Code supprimer car « nimporte quoi»
Alors voila je ne savais pas par ou commence je ne voulais pas en dire trop mais bon comme tu le voie tout est la alors comment diriger ce menu vers le haut dessus ...up merci

Message édité par marcopolo79 le 08-10-2005 à 12:11:38

Reply

Marsh Posté le 08-10-2005 à 11:42:38

C'est n'importe quoi :'(

Pourquoi des tables ? Un menu c'est une liste de liens, pas des données tabulaires ...

http://css.alsacreations.com/ => cherches la galerie de menus CSS.

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be

Reply

Marsh Posté le 08-10-2005 à 12:09:27

Merci pour le lien. Je sais que cest nimporte quoi. Je cherche une info qui réponde a quelle est la « fonction » qui fait montre un menu jai bien trouver des exemples de menu dans la galeries de menus mais je ne sais pas ce que je cherche pour faire monte mon menu. Je laisse tomber ce code pour celui la
[/url]http://css.alsacreations.com/modelesmenus/hd1.htm. [url]
« Plus simple » (je ne baisse pas les bras) mais si cest mimporte quoi, il vaut mieux bien commencer pour bien finir non

Reply

Marsh Posté le 08-10-2005 à 12:28:59

http://css.alsacreations.com/modelesmenus/hd1.htm

---------------
Les CSS c'est bon mangez-en

Reply

Marsh Posté le 08-10-2005 à 12:34:58

Code :

<!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" lang="fr">
<head>
<title>Menu déroulant horizontal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
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>
<style type="text/css">
<!--
/* CSS issu des tutoriels css.alsacreations.com */
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
bottom: 0;
left: 0;
z-index:100;
width: 100%; /* précision pour Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
position:absolute;
bottom:20px;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
-->
</style>
</head>
<body>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');">Menu 1</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
<li><a href="#">Sous-Menu 1.4</a></li>
<li><a href="#">Sous-Menu 1.5</a></li>
<li><a href="#">Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre();"><a href="">Menu 2</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.2</a></li>
<li><a href="#">Sous-Menu 3.3</a></li>
<li><a href="#">Sous-Menu 3.4</a></li>
<li><a href="#">Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.2</a></li>
<li><a href="#">Sous-Menu 4.3</a></li>
</ul>
</dd>
</dl>
</div>
</body>
</html>

J'ai juste mis le menu tout en bas
en plus de cela, j'ai positionné les sous menu en Absolute, puis appliqué un bottom par défaut de 20px, et voila

---------------
Les CSS c'est bon mangez-en

Reply

Marsh Posté le 08-10-2005 à 12:43:40

Merci je vais chercher a comprendre mais là que te dire si ce nest merci ces exactement ce que je cherchais. « a faire » bravo

Reply

Marsh Posté le 08-10-2005 à 20:06:11

Sauf qu'il serait bien que tu comprennes comment ca marche, sinon tu ne progresseras jamais et tu te contenteras toujours de copier coller des bouts de code.

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be

Reply

menu déroulant qui déroule bien

Sujets relatifs:

Leave a Replay