> 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
Adaptateur BENFEI HDMI vers VGA
8,14 € 14,99 € -46%
@Amazon
Lot de 180 chevilles DuoPower avec vis et crochets Fischer PowerBox
19,60 € 28,27 € -31%
@Amazon
Égouttoir à Vaisselle SONGMICS
16,55 € 24,99 € -34%
@Amazon
Portable 15.6 pouces Acemagic LX15 Pro (Ryzen 5 7430U, 16 Go, 512 Go SSD, Vega 7, Windows 11)
441,58 € 529,99 € -17%
@Amazon
Ecran portable 15,6 pouces Momods (FullHD, IPS, USB-C, mini HDMI)
63,48 € 79,99 € -21%
@Amazon
Répéteur WiFi 6 Mesh TP-Link RE600X AX1800
56,04 € 89,90 € -38%
@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