1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76
| <html>
<head>
<style type="text/css">
body {
font-size: 3.5mm;
font-family: Verdana;
}
#menu .menuderoulant /*----pour mon menu déroulant-------*/
{
display: none; /*------pour le faire disparaitre------*/
list-style-type: none; /*-------pas de puce-------*/
margin: 0; /*------pas de marge interne et externe ni bordure pour mettre tout le monde d'accord--------*/
padding: 0;
border: 0;
position:absolute; /*------pour ne pas pousser un éventuel texte dessous-----*/
}
#menu .menuderoulant li /*-------pour ma liste de deuxième niveau-------*/
{
margin: 0;
padding: 0;
border: 0;
width: 140px; /*----------je donne une largeur à mes cellules de sous menu----------*/
border-top: 1px solid transparent; /*-----des bordures transparentes pour espacer mes cellules-----*/
border-right: 1px solid transparent;
}
#menu .menuderoulant li a /*---------pour mes liens du menu deroulant---------*/
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
background-color:rgb(0, 0, 0);
background-color:rgba(0,0,0,0.5);
}
#menu .menuderoulant li a:hover /*------pour le survol du sous menu-------*/
{
background-color: rgb(18, 89, 239);
background-color: rgba(18, 89, 239, 0.8);
}
#menu .menuderoulant li a:visited { /*---------pour permmetre au visiteur de savoir sur les liens qu'il a déjà visité--------*/
background-color:rgb(227, 22, 30);
background-color:rgba(227, 22, 30, 0.5);
}
#menu li:hover > .menuderoulant { display: block; } /*------pour faire apparaitre notre sous menu au survol du menu de premier niveau------*/
</style><meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
</head>
<body>Essai d'un menu déroulant transparent suivi d'une applet :
<ul id="menu">
<li> <a href="#1">Menu 1</a>
<ul class="menuderoulant">
<li><a href="#2">sous menu </a></li>
<li><a href="#3">encore un sous menu !</a></li>
<li><a href="#4">bah ! allez un autre !</a></li>
</ul>
</li>
<li> <a href="#5">Menu 2</a>
<ul class="menuderoulant">
<li><a href="#6">sous menu </a></li>
<li><a href="#7">et un autre</a></li>
<li><a href="#8">encore un</a></li>
<li><a href="#9">un autre</a></li>
<li><a href="#10">le même</a></li>
</ul>
</li>
</ul>
Ici on est sous les menus ey juste aprés je met l'applet :<br>
<br>
<br>
<applet code="CardTest.class" height="300" width="400"> </applet>
</body>
</html> |
Partager