| | Greg62200 |  Posté le 02/03/2006 @ 19:33 | Petit astucien
211 Messages
| bonsoir a tous,
voila : g un menu deroulant dont g recupere le script et je voudrai change la fonction "bgcolor" par une autre qui me^permettrait de mettre un fonds d'ecran et non une couleur
voici la ligne de code que je voudrai changer
<tr valign="middle" bgcolor="#000000">
| | |
| |
| Publicité |
|
| | midnightblue | Posté le 02/03/2006 à 19:44 | Petit astucien
211 Messages
| <tr><td valign="middle" background="fond.jpg">taratata</td></tr>
*µ* | | | | | Greg62200 | Posté le 02/03/2006 à 19:53 | Petit astucien
211 Messages
| ci | | | | | Greg62200 | Posté le 02/03/2006 à 20:53 | Petit astucien
211 Messages
| en fait g telecharge un script parce que j'avais du mal a le faire, je comprends mieux avec un exemple ...
g encore une question : comment faire pour que mon menu soit centr et plus "scotché" a la bordure
voici mon script
<html>
<HEAD>
<TITLE>menu deroulant 1</TITLE>
<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<style type="text/css">
.menu {font-family:Verdana; font-size:9pt
; color:white; text-decoration:none;}
a.menu:hover {color:black; background: white}
</style>
</HEAD>
<BODY>
<div id="middle" style="position:absolute; visibility: visible; left: 4px; top: 34px; width: 232px;">
<table width="100%" border="0" cellpadding="0" cellspacing="2">
<tr bgcolor="#000000">
<td colspan="2" background="greg62.neuf.fr/Img/background.jpg" bgcolor="#000000"> <div align="left"><a href="#" class="menu" onMouseOver="MM_showHideLayers('menu1','','show')" onMouseOut="MM_showHideLayers('menu1','','hide')">Menu
1</a> <a href="#" class="menu" onMouseOver="MM_showHideLayers('menu2','','show')" onMouseOut="MM_showHideLayers('menu2','','hide')">Menu
2</a> <a href="#" class="menu" onMouseOver="MM_showHideLayers('menu3','','show')" onMouseOut="MM_showHideLayers('menu3','','hide')">Menu
3</a> <a href="#" class="menu" onMouseOver="MM_showHideLayers('menu4','','show')" onMouseOut="MM_showHideLayers('menu4','','hide')">Menu
4 </a>
<div id="menu1" style="position:absolute; left: 0px; top: 19px; visibility: hidden" onMouseOver="MM_showHideLayers('menu1','','show')" onMouseOut="MM_showHideLayers('menu1','','hide')">
<table width="100" border="0" cellspacing="0" cellpadding="0" height="80">
<tr bgcolor="#000000" valign="middle">
<td><a href="#" class="menu">Sous menu 1.1</a><br>
<a href="#" class="menu">Sous menu 1.2</a><br>
<a href="#" class="menu">Sous menu 1.3</a><br>
<a href="#" class="menu">Sous menu 1.4</a><br>
<a href="#" class="menu">Sous menu 1.5</a></td>
</tr>
</table>
</div>
<div id="menu2" style="position:absolute; left: 58px; top: 19px; visibility: hidden" onMouseOver="MM_showHideLayers('menu2','','show')" onMouseOut="MM_showHideLayers('menu2','','hide')">
<table width="100" border="0" cellspacing="0" cellpadding="0" height="80">
<tr valign="middle" bgcolor="#000000">
<td bgcolor="#000000"><a href="#" class="menu">Sous menu 2.1</a><br>
<a href="#" class="menu">Sous menu 2.2</a><br>
<a href="#" class="menu">Sous menu 2.3</a><br>
<a href="#" class="menu">Sous menu 2.4</a><br>
<a href="#" class="menu">Sous menu 2.5</a></td>
</tr>
</table>
</div>
<div id="menu3" style="position:absolute; left: 116px; top: 19px; visibility: hidden" onMouseOver="MM_showHideLayers('menu3','','show')" onMouseOut="MM_showHideLayers('menu3','','hide')">
<table width="100" border="0" cellspacing="0" cellpadding="0" height="80">
<tr bgcolor="#000000" valign="middle">
<td><a href="#" class="menu">Sous menu 3.1</a><br>
<a href="#" class="menu">Sous menu 3.2</a><br>
<a href="#" class="menu">Sous menu 3.3</a><br>
<a href="#" class="menu">Sous menu 3.4</a><br>
<a href="#" class="menu">Sous menu 3.5</a></td>
</tr>
</table>
</div>
<div id="menu4" style="position:absolute; left: 174px; top: 19px; visibility: hidden" onMouseOut="MM_showHideLayers('menu4','','hide')" onMouseOver="MM_showHideLayers('menu4','','show')">
<table width="100" border="0" cellspacing="0" cellpadding="0" height="80">
<tr bgcolor="#000000" valign="middle">
<td><a href="#" class="menu">Sous menu 4.1</a><br>
<a href="#" class="menu">Sous menu 4.2</a><br>
<a href="#" class="menu">Sous menu 4.3</a><br>
<a href="#" class="menu">Sous menu 4.4</a><br>
<a href="#" class="menu">Sous menu 4.5</a></td>
</tr>
</table>
</div>
</div> </td>
</tr>
</table>
</div>
</BODY>
</HTML> | | | | | midnightblue | Posté le 02/03/2006 à 22:12 | Petit astucien
211 Messages
| Tu peux décoller le menu de la bordure grâce à l'attribut cellpadding de la balise <table>
Exemple :
<table width="100%" cellpadding="20px">
Les éléments du tablo seront à 20px du bord.
*µ* | | | | | Greg62200 | Posté le 02/03/2006 à 22:14 | Petit astucien
211 Messages
| ok mais pour qu'il soit au milieu quelque soit la resolution est ce que c possible?? | | | | | midnightblue | Posté le 03/03/2006 à 02:28 | Petit astucien
211 Messages
| J'ai épuré. J'ai seulement complété la classe menu pour les liens. Les balises <table>, <tr> et <td> sont données brutes sans attributs, mets ceux qui te conviennent. Et j'espère que çà va marcher !!!
[code]<html>
<head>
<title>Menu</title>
<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<style>
a.menu{color:gold;background-color:black}
a.menu:active{color:gold;background-color:black}
a.menu:visited{color:gold;background-color:black}
a.menu:hover{color:deeppink;background-color:black}
</style>
</head>
<body>
<div align="center"> <!--Centrage du tableau-->
<table><tr> <!--Début du tableau -->
<td>
<a href="#" class="menu" onMouseOver="MM_showHideLayers('menu1','','show')" onMouseOut="MM_showHideLayers('menu1','','hide')">
Menu 1
</a>
<div id="menu1" style="visibility:hidden" onMouseOver="MM_showHideLayers('menu1','','show')" onMouseOut="MM_showHideLayers('menu1','','hide')">
<li><a href="#" class="menu">Sous menu 1.1</a></li>
<li><a href="#" class="menu">Sous menu 1.2</a></li>
<li><a href="#" class="menu">Sous menu 1.3</a></li>
</div>
</td>
<td>
<a href="#" class="menu" onMouseOver="MM_showHideLayers('menu2','','show')" onMouseOut="MM_showHideLayers('menu2','','hide')">
Menu 2
</a>
<div id="menu2" style="visibility:hidden" onMouseOver="MM_showHideLayers('menu2','','show')" onMouseOut="MM_showHideLayers('menu2','','hide')">
<li><a href="#" class="menu">Sous menu 2.1</a></li>
<li><a href="#" class="menu">Sous menu 2.2</a></li>
<li><a href="#" class="menu">Sous menu 2.3</a></li>
</div>
</td>
<td>
<a href="#" class="menu" onMouseOver="MM_showHideLayers('menu3','','show')" onMouseOut="MM_showHideLayers('menu3','','hide')">
Menu 3
</a>
<div id="menu3" style="visibility:hidden" onMouseOver="MM_showHideLayers('menu3','','show')" onMouseOut="MM_showHideLayers('menu3','','hide')">
<li><a href="#" class="menu">Sous menu 3.1</a></li>
<li><a href="#" class="menu">Sous menu 3.2</a></li>
<li><a href="#" class="menu">Sous menu 3.3</a></li>
</div>
</td>
<td>
<a href="#" class="menu" onMouseOver="MM_showHideLayers('menu4','','show')" onMouseOut="MM_showHideLayers('menu4','','hide')">
Menu 4
</a>
<div id="menu4" style="visibility:hidden" onMouseOver="MM_showHideLayers('menu4','','show')" onMouseOut="MM_showHideLayers('menu4','','hide')">
<li><a href="#" class="menu">Sous menu 4.1</a></li>
<li><a href="#" class="menu">Sous menu 4.2</a></li>
<li><a href="#" class="menu">Sous menu 4.3</a></li>
</div>
</td>
</tr></table>
</div>
</body></html>[/code]
Sous IE cà a l'air de le faire :-))), sous Firefox çà a pas l'air :-(
*µ* Modifié par midnightblue le 03/03/2006 02:38 | | | | | Greg62200 | Posté le 03/03/2006 à 18:14 | Petit astucien
211 Messages
| salut
merci c cool de m'aider
g teste sous Mozilla et meme resultat que toi (peut etre que l'on a pas la bonne extension, il y en a tellement ...)
est ce que d'autres utilisateurs de Mozilla peuvent nous dire si ca marche | | | | | elle | Posté le 03/03/2006 à 18:27 |  Maîtresse astucienne
15684 Messages
| Greg62200 a écrit :
est ce que d'autres utilisateurs de Mozilla peuvent nous dire si ca marche
Salut,
Tu as un lien?
| | | | | Greg62200 | Posté le 03/03/2006 à 19:10 | Petit astucien
211 Messages
| ben non dsl mais si tu fais un copîer coller du code dans worpad et que tu l'enregistres avec l'extension html tu le vois
| | | | | elle | Posté le 03/03/2006 à 19:36 | Maîtresse astucienne
15684 Messages
| Greg62200 a écrit :
ben non dsl mais si tu fais un copîer coller du code dans worpad et que tu l'enregistres avec l'extension html tu le vois
Je sais.
Tu veux que je te gratte le dos, avec ça ? [clindoeil]
Ça ne déroule effectivement pas sous Firefox, et ça n'a rien à voir avec les extensions. Cherche un peu sur le Web, il y a de nombreux exemples de menus déroulants qui fonctionnent sous tous les navigateurs.
Modifié par elle le 03/03/2006 19:37 | | | |
| | Haut de la page |
| | Inscrivez-vous ! |
- Posez vos questions
- Résolvez vos problèmes
- Aidez les autres
- Participez et créez vos discussions
- Dialoguez en privé avec d'autres membres
- Suivez vos sujets préférés
- Affichez les signatures des membres
|
|
fonds menu deroulant
