18041 sujets

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

Question menu déroulant qui ne bouge pas...

Bonjour à tous,
J'ai suivi le tutoriel d'alsacreations pour créer un menu déroulant vertical en Jevascript + css, mais j'ai un problème Smiley lol Voilà lorsque la page est agrandie ou rétessie ou lorsque l'internaute à un écran plus grand que le mien... le menu bouge et ne reste pas à sa place ce qui est assez embêtant.
Pouvez-vous m'aider pour que le menu ne bouge pas de sa place?
Merci beaucoup, je suis un peu perdue! Smiley sweatdrop
Bonjour Aluna,

Nous voulons bien essayé...un bout de code ou mieux ton essai en ligne que nous puissions regarder ce que tu as déjà fait ne serait pas de trop... Smiley cligne
Oki je vous met la page :http://www.comptajmg.com/page_daccueil.php

En fait sur mon écran ça marche nikel mais sur un écran plus large le menu se met complètement à gauche!

Merci Smiley cligne
Bon on ne va pas t'embêter avec le mot de passe...peux-tu poster le code html (avec le doctype utilisé Smiley cligne ) et ta feuille de style ?
Biensûr le tout entre les balises prévues à cet effet [ code] blablabla [ /code] ( sans espace Smiley cligne )
Pourquoi, il y a un problème avec le mot de passe?

Voici le code de la page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Page filtre de la comptabilité en ligne</title>

<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" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: #D1DCF8;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 160;
left: 130;
}
#menu {
width: 9em;
}
#menu dt {
cursor: pointer;
margin: 1px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: ;
background: #8FF28F;
}
#menu dd {
border: 1px solid #8ff28f;
}
#menu li {
text-align: center;
background: #F7F4D8;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
color: #179917;
background-color: #ffffff;
}
-->
</style>
<script>
function relief(lien,couleur) {
lien.style.color = couleur;
}
function fin(lien,couleur) {
lien.style.color = couleur;
if(gras) {
lien.style.fontWeight = "normal";
}
}
</script>
</head>
<body bgcolor="#D1DCF8" text="#000000" link="#000000" vlink="#000000" alink="#000000">

<?php

if($_POST['mot_de_passe'] == "comptabilité")
{
?>

<br><br>
<table width="75%" height="108" border="1" align="center"
bordercolor="#2C249D" bgcolor="#F7F4D8">
<tr>
<td align="center"><p align="center"><font size="5"
face="Verdana, Arial, Helvetica, sans-serif"><strong>Comptabilité en
ligne<br>
<br>
</strong></font><font
face="Verdana, Arial, Helvetica, sans-serif">Jean-Marie Garnier</font></p>
</td>
</tr>
</table>
<br>

<table width="75%" border="0" align="center" bgcolor="#F7F4D8">
<tr>
<td width="15%" align="center" valign="top">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left"><dl id="menu" name="menu">

<dt onmouseover="javascript:montre('smenu1');">
<a href="index.php"><font face="Verdana, Arial, Helvetica, sans-serif">ACCUEIL</font></a>
</dt>

<dt onmouseover="javascript:montre('smenu1');">
<a href="escem/escem_poly.php"><font face="Verdana, Arial, Helvetica, sans-serif">ESCEM</font></a>
</dt>

<dt onclick="javascript:montre('smenu2');">SEFCA</dt>

<dd id="smenu2">
<ul>
<li><a href="sefca/descf/descf_poly.php">DESCF</a></li>
<li><a href="sefca/dcg/dcg_poly.php">DCG</a></li>
<li><a href="sefca/dscg/dscg_poly.php">DSCG</a></li>
</ul>
</dd>

<dt onclick="javascript:montre('smenu3');">CFA</dt>

<dd id="smenu3">
<ul>
<li><a href="cfa/dscg/dscg_cfa_poly.php">DSCG</a></li>
<li><a href="cfa/descf/descf_cfa_poly.php">DESCF</a></li>
</ul>
</dd>

<dt onclick="javascript:montre('smenu4');">TC</dt>

<dd id="smenu4">
<ul>
<li><a href="tc/dut/dut_poly.php">DUT</a></li>
<li><a href="tc/matic/matic_poly.php">MATIC</a></li>

</ul>
</dd>

</dl>
&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

<td align="center" valign="bottom"><p align="center"><p><img src="photo/pacioli.jpg" width="199" height="234"></p>
<p></p>
<p align="justify"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&quot;Lucas
Pacioli a &eacute;tudi&eacute; &agrave; Venise et &agrave; Rome. Il
devient moine franciscain dans les ann&eacute;es 1470. <br>Luca Pacioli
est consid&eacute;r&eacute; comme l'inventeur de la comptabilit&eacute; avec
la m&eacute;thode v&eacute;nitienne pour tenir les comptes, maintenant
connue sous le nom de comptabilit&eacute; en partie double.&quot;</font></p>
<p align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><strong>

<p><font face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="http://comptaenligne.les-forums.com";" onMouseOver="relief(this,'#179917')" onMouseOut="fin(this,'#000000')" name="lien_1" style="color : #000000">FORUM</a></strong></font></p>
<p></p>
</table>
<?php
}
else
{
include ('erreur.php');
}
?>
</body>
</html>
Nous n'avons pas accès au site puisqu'il faut un mot de passe ( que nous ne sommes pas sensé avoir...) donc a forciori il va être difficile de voir ce qui cloche avec ton menu...

Peux-tu également mettre ton code entre les balises comme stipulé dans mon deuxième message, stp ?

Les messages de ce forum sont destinés à tous, je te laisse imaginer ce que donne ton message dans un synthétiseur vocal...c'est de plus beaucoup plus agréable à lire, merci de ta compréhension Smiley cligne
Le mot de passe est "comptabilité".

Quand aux balises je ne comprends pas ce que tu veux dire, toutes mes balises sont mises et je t'ai mis le code css comme tu me l'avais demandé.

C'est la 1ère fois que je viens sur ce forum, il y a peut être une manière de présenter son code mieux que je ne l'ai fait dsl. En tout cas avec le mot de passe tu devrai avoir accès au menu.
Aluna,

Effectivement il y a quelques petites choses à voir ou à revoir...
Concernant les messages qui contiennent du code (html,css,javascript,php,etc...) il est d'usage de mettre ce code entre les balises [ code] le code [ /code]( sans espace après le premier crochet ) lorsque tu écris ton message : rubrique Mise en forme sous les smileys, lorsque celui-ci est déjà rédigé, il faut l'editer (bouton au dessus de ton message Smiley cligne )

Plus prosaiquement, il faut également que tu fasses une passe sur bon nombre de fondamentaux :
En ce qui concerne le fonctionnement de ce site :
Le forum ainsi que l'indétronable FAQ

Concernant ton problème, il faut que tu regardes le positionnement en css -> ici , cela te permettra de comprendre le comportement de ton menu, qui, soit dit en passant, adopte le comportement que tu as défini et qui plus est "ne bouge pas" mais reste bel et bien et strictement à l'endroit que tu as spécifié Smiley cligne

Pour info, dans le tuto que tu as suivi, Raphael faisait cette petite précision :
a écrit :
position: absolute; /*placement du menu, à modifier selon vos besoins */


Quelques petites choses encore :
De l'importance de la déclaration du Doctype
De l'importance de coder avec autre chose que cette m* de Frontpage (oui, même la version 2 )
De l'importance d'en finir avec la mise en page en tableau

Concernant le mot de passe il se trouve dans le code source ( ce qui est bien évidemment à proscrire Smiley cligne ), donc pas très difficile à trouver Smiley cligne

Voilà, cela va te sembler un peu lourd et fastidieux, mais si tu veux t'en sortir, tu n'as pas d'autres choix que d'essayer de comprendre ce que tu fais et que de mettre les mains dans le cambouis Smiley cligne

Si ce n'est pas ton but (ce qui serait dommage) une solution te sera sans doute donnée, mais il serait préférable que tu reviennes en ayant travaillé un petit peu, nous ne te refuserons pas notre aide Smiley cligne
Modifié par 6l20 (25 Oct 2007 - 21:37)
Sujet clos
Aller à