> Tous les forums > Forum des Webmasters
 ou mettre un script de menu déroulanr?Sujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
chinart
  Posté le 09/09/2008 @ 07:53 
Aller en bas de la page 
Astucien

bonjour,

j'ai un script de menu ,mais chaue fois que je l'installe sous komposer il se retrouve tout en haut du site J'ai commencer une page,avec une bannierre titre en haut en dessous des photos et je voudrais sous les photos ce menu,mais à chaque fois il se retrouve en haut

Merci pou vos conseils

LEe menu



<!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">
<!--
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>
<style type="text/css">
<!--

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;
top: 0;
left: 0;
z-index:100;#cccccc
width: 100%;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
#menu dd {
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;
}

a {text-decoration: none;
color: black;
color: #222;
}
-->
</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" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<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('smenu2');"> Menu 2
</dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li>
<a href="#">Sous-Menu 2.1</a></li>
<li>
<a href="#">Sous-Menu 2.2</a></li>
<li>
<a href="#">Sous-Menu 2.3</a></li>
<li>
<a href="#">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');"> Menu 3
</dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
<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" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
<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>

Publicité
elle
 Posté le 09/09/2008 à 16:41 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Modifie sa position dans le css...

chinart
 Posté le 09/09/2008 à 16:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour,ELLE

Bon je vais faire un nouveau sujet "la position du css"

Mais comment je le positionne ce css

elle
 Posté le 09/09/2008 à 16:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;#cccccc
width: 100%;
}

chinart
 Posté le 09/09/2008 à 23:57 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

..bonjour, .

Pardon pour cette question c.. je dois changer quelle valeures? et à quoi elles correspondent?

Merci

#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;#cccccc
width: 100%;
}

elle
 Posté le 10/09/2008 à 00:12 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Un p'tit peu de lecture...

Comment positionner les éléments en CSS ?

Amuse-toi à modifier les valeurs left et top...



Modifié par elle le 10/09/2008 00:13
chinart
 Posté le 10/09/2008 à 00:16 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

MERCI elle

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
SSD Crucial P3 1 To (NVMe, PCIe, M.2, 3500 Mo/s)
54,99 € 75 € -27%
@Cdiscount
Lampe de lecture 86lux
9,02 € 10,99 € -18%
@Amazon
Routeur TP-Link Archer AX58 WiFi 6
57,99 € 89,99 € -36%
@Amazon
Assortiment d'outils d'ouverture et de levier iFixit (téléphone, tablette, ordinateur, etc)
9,95 € 19,95 € -50%
@Amazon
Caméra sport DJI Osmo Action 4 Aventure
282,20 € 429 € -34%
@Amazon Espagne
Épilateur lumière pulsée 3 en 1 OUPSEEN OP05 (9 niveaux d'énergie, fonction HR/RA/SC, mode flash automatique)
42,35 € 84,70 € -50%
@Amazon

Sujets relatifs
Script menu ne s'affiche pas sur IE7
ou mettre la photo dans ce script?
mot de passe en java script ou le mettre
Transformer un script PHP (menu)
Comment mettre mot de passe sur menu déroulant?
Java Script : Aide ( Menu )
mettre script banniere dans forum
script et l'apel d'un menu dynamic (urgent facil)
script menu spécial
Google Keyword Planner (menu outil) gratuit ?
Plus de sujets relatifs à ou mettre un script de menu déroulanr?
 > Tous les forums > Forum Forum des Webmasters