18041 sujets

Questions générales et questions de débutants

Demande d'aide pour menu

Bonjour à tous,

Je suis en train de créer mon site web et je m'arrache les cheveux depuis une semaine pour créer mon menu et le créer en css. Don voila je souhaite faire un menu dans ce style http://havevantages.com/essai2.php# avec en plus un sous menu qui s'affiche en dessous du style un texte en noir et une surbrillance verte quand on survole le lien. Premier problème je crée le menu sous dreamweaver et le sous menu ne s'affiche pas. Second problème comment le transformer en CSS. Merci pour votre aide qui me sera précieuse.
Bonjour,

J'épprouve quelques difficultés à connecter ma boule de crystal à ton PC.

Si tu pouvais nous montrer ton code ce serait plus facile de t'aider.
Bonjour powerjeff,

a écrit :
J'épprouve quelques difficultés à connecter ma boule de crystal à ton PC.

Si tu pouvais nous montrer ton code ce serait plus facile de t'aider.


+1 Smiley cligne .
Oups désolé erreur de débutant je pensait que tu pouvait le voir avec le navigateur depuis mon site web alors voici le code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<style type="text/css">
<!--
#logo {
position:absolute;
left:0px;
top:3px;
width:100%;
height:158px;
z-index:5;
background-image: url(images/header.jpg);
}
#voyages {
position:absolute;
left:7px;
top:150px;
width:81px;
height:59px;
z-index:2;
}
#Layer1 {
position:absolute;
left:119px;
top:151px;
width:109px;
height:49px;
z-index:4;
}
-->
</style>
<script type="text/JavaScript">
<!--
function mmLoadMenus() {
if (window.mm_menu_0803120622_0) return;
window.mm_menu_0803120622_0 = new Menu("root",81,18,"Times New Roman, Times, serif",12,"#000000","#FFFFFF","#FFFFFF","#CCE80A","center","middle",3,0,1000,-5,7,true,false,false,0,true,true);
mm_menu_0803120622_0.addMenuItem("voyages1");
mm_menu_0803120622_0.addMenuItem("voyages2");
mm_menu_0803120622_0.addMenuItem("voyages3");
mm_menu_0803120622_0.fontWeight="bold";
mm_menu_0803120622_0.hideOnMouseOut=true;
mm_menu_0803120622_0.bgColor='#FFFFFF';
mm_menu_0803120622_0.menuBorder=1;
mm_menu_0803120622_0.menuLiteBgColor='#D4D0C8';
mm_menu_0803120622_0.menuBorderBgColor='#FFFFFF';
window.mm_menu_0803123024_0 = new Menu("root",66,18,"Times New Roman, Times, serif",12,"#000000","#FFFFFF","#FFFFFF","#CCE80A","center","middle",3,0,1000,-5,7,true,false,false,0,true,true);
mm_menu_0803123024_0.addMenuItem("loisirs1");
mm_menu_0803123024_0.addMenuItem("loisirs2");
mm_menu_0803123024_0.addMenuItem("loisirs3");
mm_menu_0803123024_0.fontWeight="bold";
mm_menu_0803123024_0.hideOnMouseOut=true;
mm_menu_0803123024_0.bgColor='#FFFFFF';
mm_menu_0803123024_0.menuBorder=1;
mm_menu_0803123024_0.menuLiteBgColor='#D4D0C8';
mm_menu_0803123024_0.menuBorderBgColor='#FFFFFF';

mm_menu_0803123024_0.writeMenus();
} // mmLoadMenus()

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
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);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>

<body onload="MM_preloadImages('images/voyages-2.jpg','images/loisirs-2.jpg')">
<div id="Layer1"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu loisirs','','images/loisirs-2.jpg',1)"><img src="images/loisirs-1.jpg" name="menu loisirs" width="102" height="61" border="0" id="menu loisirs" onmouseover="MM_showMenu(window.mm_menu_0803123024_0,99,58,null,'menu loisirs')" onmouseout="MM_startTimeout();" /></a></div>
<script language="JavaScript1.2">mmLoadMenus();</script>
<div id="logo"></div>
<div id="voyages"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/voyages-2.jpg',1)"><img src="images/voyages-1.jpg" name="Image1" width="102" height="61" border="0" id="Image1" onmouseover="MM_showMenu(window.mm_menu_0803120622_0,99,58,null,'Image1')" onmouseout="MM_startTimeout();" /></a></div>
</body>
</html>

J'espère que c'est ça qu'il te faut .

Merci de votre aide[/i][/i][/i][/i][/i]
Bien que tu sois un débutant, il serait judicieux d'utiliser les balises code appropriées afin de colorer ton code ce qui le rendrait plus lisibles qu'il ne l'ai actuellement.

Pour cela, lire la règle n°13 Smiley cligne .
Modifié par jQz (03 Aug 2009 - 14:49)
Je pense que c'est ça que tu me demande désolé je suis vraiment nouveau donc excusez moi d'avance pour mes erreurs de débutant! Smiley confused 


<style type="text/css">
<!--
#logo {
	position:absolute;
	left:0px;
	top:3px;
	width:100%;
	height:158px;
	z-index:5;
	background-image: url(images/header.jpg);
}
#voyages {
	position:absolute;
	left:7px;
	top:150px;
	width:81px;
	height:59px;
	z-index:2;
}
#Layer1 {
	position:absolute;
	left:119px;
	top:151px;
	width:109px;
	height:49px;
	z-index:4;
}



</style>
<script type="text/JavaScript">
<!--
function mmLoadMenus() {
  if (window.mm_menu_0803120622_0) return;
      window.mm_menu_0803120622_0 = new Menu("root",81,18,"Times New Roman, Times, serif",12,"#000000","#FFFFFF","#FFFFFF","#CCE80A","center","middle",3,0,1000,-5,7,true,false,false,0,true,true);
  mm_menu_0803120622_0.addMenuItem("voyages1");
  mm_menu_0803120622_0.addMenuItem("voyages2");
  mm_menu_0803120622_0.addMenuItem("voyages3");
   mm_menu_0803120622_0.fontWeight="bold";
   mm_menu_0803120622_0.hideOnMouseOut=true;
   mm_menu_0803120622_0.bgColor='#FFFFFF';
   mm_menu_0803120622_0.menuBorder=1;
   mm_menu_0803120622_0.menuLiteBgColor='#D4D0C8';
   mm_menu_0803120622_0.menuBorderBgColor='#FFFFFF';
  window.mm_menu_0803123024_0 = new Menu("root",66,18,"Times New Roman, Times, serif",12,"#000000","#FFFFFF","#FFFFFF","#CCE80A","center","middle",3,0,1000,-5,7,true,false,false,0,true,true);
  mm_menu_0803123024_0.addMenuItem("loisirs1");
  mm_menu_0803123024_0.addMenuItem("loisirs2");
  mm_menu_0803123024_0.addMenuItem("loisirs3");
   mm_menu_0803123024_0.fontWeight="bold";
   mm_menu_0803123024_0.hideOnMouseOut=true;
   mm_menu_0803123024_0.bgColor='#FFFFFF';
   mm_menu_0803123024_0.menuBorder=1;
   mm_menu_0803123024_0.menuLiteBgColor='#D4D0C8';
   mm_menu_0803123024_0.menuBorderBgColor='#FFFFFF';

mm_menu_0803123024_0.writeMenus();
} // mmLoadMenus()

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  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);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>

<body onload="MM_preloadImages('images/voyages-2.jpg','images/loisirs-2.jpg')">
<div id="Layer1"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu loisirs','','images/loisirs-2.jpg',1)"><img src="images/loisirs-1.jpg" name="menu loisirs" width="102" height="61" border="0" id="menu loisirs" onmouseover="MM_showMenu(window.mm_menu_0803123024_0,99,58,null,'menu loisirs')" onmouseout="MM_startTimeout();" /></a></div>
<script language="JavaScript1.2">mmLoadMenus();</script>
<div id="logo"></div>
<div id="voyages"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/voyages-2.jpg',1)"><img src="images/voyages-1.jpg" name="Image1" width="102" height="61" border="0" id="Image1" onmouseover="MM_showMenu(window.mm_menu_0803120622_0,99,58,null,'Image1')" onmouseout="MM_startTimeout();" /></a></div>
</body>
</html>


voila et encore milles excuses pour mes erreurs. [/i][/i][/i][/i][/i][/i]
Sujet clos
Aller à