18041 sujets

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

Fonction display

Bonjour à tous !

2 questions

dans le CSS du menu déroulant horizontal, il est spécifié des données pour #site ; pourquoi ajouter cela ? à quoi ça correspond ?

d'autre part, le roll-over ne s'affiche pas au passage de la souris, quelqu'un peut-il me dire pourquoi ? si j'écris display: none, rien ne s'affiche et si j'écris display: block, il s'affiche mais apparaît tout le temps !

Merci,

Christophe

<!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 content="text/html; charset=ISO-8859-1"
 http-equiv="content-type" />
  <title>menu</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">
  #menu { position: absolute;
    z-index: 100;
    top: 150px;
    width: 960px;
    }

  #menu dl { float: left;
    width: 10em;
    }

  #menu dt { border: 1px solid rgb(51, 51, 51);
    margin: 2px;
    cursor: pointer;
    font-family: Comic Sans MS;
    font-size: 10pt;
    text-align: center;
    background-color: rgb(40, 40, 40);
    font-weight: normal;
    color: rgb(255, 255, 0);
    }

  #menu dd { border: 1px solid rgb(40, 40, 40);
    display: none;
    }

  #menu li { text-align: center;
    color: rgb(255, 255, 0);
    background-color: rgb(102, 102, 102);
    }

  #menu li a, #menu dt a { border: 0pt none ;
    text-decoration: none;
    display: block;
    height: 100%;
    color: rgb(255, 255, 0);
    }

  #menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus { color: rgb(255, 255, 0);
    background-color: rgb(40, 40, 40);
    }

  #menu dl, #menu dt, #menu dd, #menu ul, #menu li { margin: 0pt;
    padding: 0pt;
    list-style-type: none;
    }


  </style>
</head>
<body>
<div id="menu">
<dl>
  <dt onmouseover="javascript:montre();"><a
 href="http://www.les-sarments.org" title="Retour &agrave; l'accueil">Accueil</a></dt>
</dl>
<dl>
  <dt onmouseover="javascript:montre('smenu1');">Nous
conna&icirc;tre</dt>
  <dd id="smenu1" onmouseover="javascript:montre('smenu1');"
 onmouseout="javascript:montre('');">
    <ul>
      <li><a href="http://www.les-sarments.org/nosvaleurs.html">Nos
valeurs</a></li>
      <li><a
 href="http://www.les-sarments.org/nospriorites.html">Nos
priorit&eacute;s</a></li>
      <li><a
 href="http://www.les-sarments.org/membresduca.html">Membres
du CA</a></li>
      <li><a
 href="http://www.les-sarments.org/viedelassociation.html">Vie
de l'association</a></li>
      <li><a
 href="http://www.les-sarments.org/ensavoirplus.html">En
savoir plus</a></li>
    </ul>
  </dd>
</dl>
<dl>
  <dt style="list-style-type: none;"
 onmouseover="javascript:montre('smenu2');">Projets
soutenus</dt>
  <dd id="smenu2" onmouseover="javascript:montre('smenu2');"
 onmouseout="javascript:montre('');">
    <ul>
      <li><a href="http://www.les-sarments.org/1erprojet.html">1er
Projet</a></li>
    </ul>
  </dd>
</dl>
<dl>
  <dt onmouseover="javascript:montre('smenu3');"><a
 href="http://www.les-sarments.org/noussoutenir.html"
 title="Comment faire ?">Nous
soutenir</a></dt>
</dl>
<dl>
  <dt onmouseover="javascript:montre('smenu4');">Nos
raisons d'agir</dt>
  <dd id="smenu4" onmouseover="javascript:montre('smenu4');"
 onmouseout="javascript:montre('');">
    <ul>
      <li><a href="http://www.les-sarments.org/constats.html">Constats</a></li>
      <li><a href="http://www.les-sarments.org/unecause.html">Une
cause</a></li>
      <li><a
 href="http://www.les-sarments.org/uneperspective.html">Une
perspective</a></li>
    </ul>
  </dd>
</dl>
<dl style="height: 22px;">
  <dt onmouseover="javascript:montre('smenu5);"><a
 href="http://www.les-sarments.org/nouscontacter.html"
 title="par e-mail, t&eacute;l&eacute;phone ou par courrier">Nous
contacter</a></dt>
</dl>
<dl>
</dl>
<dl>
</dl>
<div>
<br />
</div>
</div>
</body>
</html>

Modifié par ChristopheGospa (06 Jul 2006 - 23:16)
Salut Christophe

N'oublie pas que parmi les règles que tu as lues lors de ton inscription, il y en a une sur la mise en forme générale des messages. Pourrais-tu par conséquent éditer ton message afin de mettre le code entre les balises [code ][/code ] (il existe un bouton pour cela)

Merci d'avance Smiley cligne
Sujet clos
Aller à