Comment fixer une applet Java qui bouge à cause d'un menu déroulant ?

Version imprimable

07/02/2013, 22h59
Beginner.

Comment fixer une applet Java qui bouge à cause d'un menu déroulant ?

Bonsoir,

Comment fixer une applet Java qui bouge à cause d'un menu déroulant ?

J'ai placé l'applet avec la balise <applet code="xxx.class" height="300" width="300"> </applet> mais elle se déplace chaque fois que le menu qui est au-dessus se déroule. Est-il possible de la fixer afin que le menu s'affiche par dessus quand il se déroule ?

Merci.
07/02/2013, 23h44
Beginner.

Bonsoir,

J'ai trouvé un truc et c'est bon l'applet ne bouge plus par contre si je change l'opacité du menu déroulant celui-ci s'affiche derrière l'applet, peut-on faire en sorte qu'il s'affiche dessus ?

Merci.
08/02/2013, 18h35
NoSmoking

Bonjour,
je pense que si tu veux un peu d'aide il te faut fournir un peu de code, disons l'essentiel de la structure et le CSS qui va avec, pas 3Mo bien sur.

J'ai essayé le menu déroulant présenté ici : http://www.cireasy.com/menu-deroulan...roulant-en-css avec cette applet : http://www.oracle.com/technetwork/ja...e1-138100.html

Code:

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>

Résultat avec applet :

http://img4.hostingpics.net/pics/259753AvecApplet.png

Le menu n'apparait pas complétement et sans l'applet on a :

http://img4.hostingpics.net/pics/519990SansApplet.png

Voilà...

09/02/2013, 09h14
nicosmash

Vous pouvez utiliser firebug pour débugger et modifier certaines valeurs.
09/02/2013, 09h39
Beginner.

Merci et +1 pour l'infos, oui je connaissais, je l'ai découvert il y a quelques jours, c'est bien pratique.

J'ai bien vu qu'en enlevant la transparence du menu celui-ci apparait bien au dessus de l'applet mais dés que je change l'opacité le menu n'apparait plus complétement.
10/02/2013, 11h14
NoSmoking

la première chose à faire est d'intégrer ton applet dans une balise object.
Plus d'info :fleche: http://www.w3.org/TR/html401/struct/objects.html#h-13.4

Il semblerait que effectivement FireFox ait un problème avec les background-color et ce même en déclarant un <param name="wmode" value="transparent">.

Il te reste éventuellement à essayer en mettant une image de fond avec transparence.
10/02/2013, 21h26
Beginner.

OK merci et +1.
11/02/2013, 13h40
NoSmoking

- Est ce à dire que le problème est résolu?
- Quelle solution fonctionne?

Pense au bouton :resolu: dans ce cas.
11/02/2013, 15h31
Beginner.

Je ne sais pas, je n'ai pas encore essayé l'image transparente.