Discussion :

[kaiser59]

Slt,

Tout d'abord désolé mais je sais pas où poster ce message j'espère que c'est quand même le bon endroit

Voilà j'ai mon menu déroulant qui apparait bien quand on le survole mais le problème est qu'une partie du menu apparait en dessous du div qui est à droite au lieu d'apparaitre completement au dessus.

Merci d'avance

[MasterOfChakhaL]

Salut,

Voilà j'ai mon menu déroulant qui apparait bien quand on le survole mais le problème est qu'une partie du menu apparait en dessous du div qui est à droite au lieu d'apparaitre completement au dessus.

mais encore?

un peu plus d'explication me semble nécessaire, une capture d'écran voir un peu de code...

[kaiser59]

Ok je met une capture d'écran je pense que c'est quand meme plus parlant que le code

Comme on peut le voir la partie droite du sous menu est en dessous du div de droite et j'aimerais qu'il passe devant.

Merci d'avance

PS : Il serait pas possible d'uploader la photo vers l'hebergement du forum parce que je vais pas la garder indéfiniment la photo ??

[MasterOfChakhaL]

Tu peux peut-être jouer sur la propriété z-index (en cas de chevauchement, plus la valeur est grande, plus l'élément sera représenté au dessus des autres)

Si le div de ton menu est dimensionné avec un overflow: hidden, alors le z-index ne changera rien et il faudra envisager autre chose (position: absolute par exemple)

Je pense quand même la structure de l'html nous aidera à répondre.
Avec ton image, on ne peut pas savoir si l'affichage est coupé (ce que l'on ne voit pas n'est pas rendu) ou juste caché (un autre élément est dessiné par dessus).

Quant à l'upload d'image, ca fait partie des fonctionnalités disponibles (il y a un bouton représentant un trombone dans l'éditeur)

[kaiser59]

Ok ben voila le code css du menu j'espère que sa pourra t'aider :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
/* Menu */
#menu /* Position */
{
position:absolute;
top:15px;
left:8px;
margin:0.5px 0.5px 0.5px 0.5px;
padding:0.1em 0.1em 0.1em 0.1em;
width:8.3em;
}
#menu dt /* Menu principal */
{
cursor:	pointer;
margin:2px 0;
height:24px;
line-height:20px;
text-align:center;
font-weight:bold;
font-size:0.9em;
background:#3399FF;
font-family:Verdana, Arial;
}
#menu dd /* Sous Menu position */
{
border:1px solid gray;
margin-left:0px;
margin-right:0px;
}
#menu li /* Apparence sous menu */
{
text-align:left;
font-size:0.9em;
font-style:italic;
font-family:Verdana, Arial;
}
#menu li a, #menu dt a /* Effet sous menu */
{
color:white;
text-decoration:none;
display:block;
border:0 none;
height:100%;
font-size:0.9em;
background:#3399FF;
}
 
#menu dt
{
color:white;
text-decoration:none;
display:block;
background-color:#3399FF;
}
 
#menu li a:hover, #menu dt a:hover 
{
border-color:#FEC007;
color:#FEC007;
border-left:2px;
border-bottom:2px;
border-style:solid;
}

[MasterOfChakhaL]

re,

le code du menu c'est bien mais bon...
Si on ne connait pas le html auquel il s'applique, a part les erreurs de syntaxes, on ne peut pas dire grand chose.

Il faudrait le html avec le menu et l'élément qui pose probleme (celui qui "passe" au dessus)

Bref, de quoi reproduire le problème.

Tu n'a rien pu faire avec les indications que je t'ai donné dans mon post précédent? Tu as fait des essais?