begin process at 2012 05 29 21:31:29
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

probleme de superposition div / menu (z-index ?)


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

probleme de superposition div / menu (z-index ?)

mardi 29 septembre 2009 à 12:38:57 | probleme de superposition div / menu (z-index ?)

ju0123456789

Bonjour,

J'ai expressément besoin d'un code en CSS ou en JS qui m'afficherais une image au survol d'un lien. (ce lien est une image)
J'ai trouvé exactement ce que je cherchait, tout marche bien, mais mon probleme est que mon menu déroulant passe en dessous de mon image ayant le lien.

J'ai pensé que c'était unr histoire de z-index, mais apparemment ça ne change rien.

Voici le code CSS de mon "infobulle"


Code HTML :
<style>
a.info
{
  position: relative;
  text-decoration: none;
  color: black;
  border-bottom: 1px gray dotted;
}
a.info span
{
  display: none;
}
a.info:hover 
{
  background: none; /* correction d'un bug ie */
  z-index: -1;
}
a.info:hover span
{
  display: inline;
  position: absolute;
  top: 8em;
  left: 3em;
  background: orange;
  text-align: center;
  color: white;
  padding: 2px;
}
</style>



Quelqu'un peut-il m'aider s'il vous plait ?
C'est assez urgent sinon je vais me faire tapper sur les doigts

Merci beaucoup d'avance.

Ju'
mardi 29 septembre 2009 à 13:09:59 | Re : probleme de superposition div / menu (z-index ?)

Bul3

Membre Club



Bonjour,

1° >>C'est assez urgent
vous n'êtes pas dans la bonne section alors,
si c'est urgent allez donc voir ici


2° >>je vais me faire tapper sur les doigts
dites lui de le faire lui même !
s'il est capable de vous taper sur les doigts
c'est qu'il est capable de faire

3° le html ( enfin uniquement l'extrait nécessaire )
serait le bienvenu, sinon il faut qu'on le tape ?
en plus ça ne correspondra peut-être pas à ce que
faites.

4° néanmoins :
background: none;
ça me choque !
z-index: -1;
ça aussi

Cordialement [mon Site] [M'écrire] Bul
mardi 29 septembre 2009 à 14:19:02 | Re : probleme de superposition div / menu (z-index ?)

ju0123456789

Bonjour,

"je vais em faire tapper sur les doigts" lol c'est une expression.
Il n'est pas capable de le faire car je suis le seul "capable" de le faire, c'est pour cela que je viens ici chercher votre aide.

Concernant le code HTML :

Code HTML :
<a class="info" href="/html/solutions_calcul.php"><img src="images/page_accueil/hpc_off.jpg" onmouseover="this.src='images/page_accueil/hpc_on.jpg'" onmouseout="this.src='images/page_accueil/hpc_off.jpg'" border="0" width="190" height="136"><span><img src=/images/calcul.jpg></span></a>


voila mon image qui est censée s'afficher en dessou du menu.


le Z-index, quoi que je mette c'est toujours par dessous mon menu

Merci
mardi 29 septembre 2009 à 14:26:01 | Re : probleme de superposition div / menu (z-index ?)

ju0123456789

Réponse acceptée !
Bon en fait j'ai résolu mon probleme (je ne me ferais pas tapper sur les doigts je suis dans les temps :) )

Mon probleme étaient en fait tout bête, je n'avais pas prédéfini de z-index dans mon menu, malgré que j'étais sûr l'avoir fait, j'ai dit mis un z-index à 10 pour mon menu, et 1 pour le script que j'ai copié/collé plus haut.

Cela marche très bien.
Testé sous IE8, FF, Mozilla, Opera, Safari, Chrome

Ne marche pas sous NetScape. (mais à la limite on s'en f**) lol


Merci à vous.

Ju'


Cette discussion est classée dans : menu, code, probleme, index, info


Répondre à ce message

Sujets en rapport avec ce message

Probleme de z-index je pense... [ par sebastien_et_typh ] Bonjour voila mon probleme j'utilise swfobject (javascript) et une classe tooltip pour afficher une info bullele souci est que mon info bulle passe so PROBLEME DIV [ par elmarko ] Salut,je sors juste d'une formation rapide sur "dream/code html/css" de base... et j'ai besoin d'une explication sur l'attribution d'un comportement à probleme avec le menu xp [ par scinzia ] Bonjour,j'utilise le menu xp qui j'ai trouvé sur ce site et je n'arrive pas a l'automatiser entierement c'est a dire quand on on ouvre une partie du m image de fond [ par debutant VB ] J'aimerai afficher une image de fond sans utiliser la propriété bgcolor de pour plus de possibilités. J'ai fait ce code qui fonctionnait avec FrontPag Probleme menu déroulant avec Mozila firefox [ par maripaun2003 ] Bonjour,Je viens de créer un menu deroulant avec java script.Le probleme c'est que il change de position quand on change de navigateur(2mm), sufisant Probleme avec java [ par Phoenix2025 ] Bonjour, Voila je viens à vous car j'ai un soucis avec mon site, j'ai implémenté un menu en javascript qui dévoile les sous-rubriques quand on clic s Code html pour un menu dinamyque trés diférent. [ par baraudroit ] Bonjour Voila je vous explique mon probleme je recherche un code html pour un menu. http://www.unionstreetlive.fr/Image3.png je voudré y mettre un menu glissant dans une info-bulle [ par zon28 ] Bonjour, A partir d'une map area je fais apparaître des info-bulles "types sticky "(à l'aide du script tipmessage jquery). Dans ces info-bulles j'aime Menu Déroulant Ajax [ par Catalarem ] Alors ben tout d'abord un grand merci à cette fabuleuse communauté qui je le sens (depuis que je me suis enfin convaincu moi même que le bon vieux HTM avez vous un code facile de menu horizental avec le sousmenu surlequel je peux modifier ? [ par bellerosie ] salam tout le monde, svp j'ai besoin du code d'un menu horizental et sous menu , il me reste pour achever mon site et j'ai pas encore trouver un code


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,530 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales