La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  objet de formulaire par dessus mon menu
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: objet de formulaire par dessus mon menu  (Lu 778 fois)
objet de formulaire par dessus mon menu
« sur: le 28-04-2005 a 11:46:13 »
dhjapan
Membre récent
*

Hors-Ligne

Messages: 29



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

Salut,

j'ai fais une navigation avec des calques qui apparaissent et disparaissent pour montrer les sousmenus...
le problème c'est que sous IE, un menu déroulant qui est dans ma page et qui devrait se retrouver sous mon sousmenu reste en fait au dessus..

Quelqu'un à déjà vu ca ?

Rapporter au modérateur  

Re:objet de formulaire par dessus mon menu
« Répondre #1 sur: le 28-04-2005 a 14:35:04 »
jb_gfx
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 562





Voir le Profil    WWW
Répondre avec citation

Oui déjà vu, c'est un bug de IE qui intervient sur toutes les versions de ce navigateur...

Il n'y a rien à faire pour le corriger. Tu peux eventuellement contourner le problème en plaçant le formulaire, ou l'élément de formulaire dans un bloc (div) que tu masque (display: none) quand tu rend le div de ton menu visible (celui qui passe par dessus).

A ce que j'en sais il n'y a pas d'autre manière de contourner le problème que cette "bidouille".

Rapporter au modérateur  

http://www.pixemedia.com
Re:objet de formulaire par dessus mon menu
« Répondre #2 sur: le 28-04-2005 a 17:59:13 »
dhjapan
Membre récent
*

Hors-Ligne

Messages: 29



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

voilà au final j'ai fait le menu deroulant en CSS/Javascript :

style.css :
Code:
div#references_zoom_menudisplay{
   position: relative;
   display: block;
   width:200px;
   border: solid 1px #999999;
   margin: 0px;
   padding-top: 3px;
   padding-left: 5px;
   padding-bottom: 3px;
}
div#references_zoom_menu_deroulant{
   position: relative;
   display: block;
   width:200px;
   border: solid 1px #999999;
   visibility : hidden;
}
p#menu_items{
   margin: 0px;
   padding-top: 2px;
   padding-left: 5px;
   padding-bottom: 2px;
}
a.btn_menu,a.btn_menu:link,a.btn_menu:visited{
   font-family: Arial;
   font-size: 11px;
   color: 000000;
}
a.btn_menu:hover,a.btn_menu:active{
}


et dans ma page HTML :
Code:
<html><head></head>
<style type="text/css">
    @import "style.css";
</style>
<body>
<div id="references_zoom_form">
   <a href="#" onClick="ShowLayer('references_zoom_menu_deroulant')" class="btn_menu"><div id="references_zoom_menudisplay">Selectionnez</div></a>
   <div id="references_zoom_menu_deroulant">
      <a href="#" onclick="WriteLayer ('references_zoom_menudisplay',references_zoom_form,'123')" class="btn_menu"><p id="menu_items">123</p></a>
      <a href="#" onclick="WriteLayer ('references_zoom_menudisplay',references_zoom_form,'ABC')" class="btn_menu"><p id="menu_items">ABC</p></a>
      <a href="#" onclick="WriteLayer ('references_zoom_menudisplay',references_zoom_form,'...')" class="btn_menu"><p id="menu_items">...</p></a>
   </div>
</div>

<script language="Javascript">
function WriteLayer(ID,parentID,sText) {
sText="<a href=\"#\" onClick=\"ShowLayer('references_zoom_menu_deroulant')\">"+sText+"</a>";
document.getElementById("references_zoom_menu_deroulant").style.visibility="hidden";
if (document.layers) {
  var oLayer;
  if(parentID){
    oLayer = eval('document.' + parentID + '.document.' + ID + '.document');
  }else{
    oLayer = document.getElementById(ID).document;
  }
  oLayer.open();
  oLayer.write(sText);
  oLayer.close();
}
else if (parseInt(navigator.appVersion)>=5&&navigator.
appName=="Netscape") {
  document.getElementById(ID).innerHTML = sText;
}
else if (document.all) {document.all[ID].innerHTML = sText;}

}
function ShowLayer(ID){
document.getElementById(ID).style.visibility="visible";

}
</script>
</body></html>

Rapporter au modérateur  
Re:objet de formulaire par dessus mon menu
« Répondre #3 sur: le 28-04-2005 a 23:38:35 »
jb_gfx
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 562





Voir le Profil    WWW
Répondre avec citation

Pourquoi tu poste ton code?

Rapporter au modérateur  

http://www.pixemedia.com
Re:objet de formulaire par dessus mon menu
« Répondre #4 sur: le 29-04-2005 a 13:38:40 »
dhjapan
Membre récent
*

Hors-Ligne

Messages: 29



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

pourquoi pas ? ... j'me dit que le type qui tombe sur le même probleme fera une recherche sur internet sera sans doutes content de trouver tout ca.

non?

Rapporter au modérateur  
Re:objet de formulaire par dessus mon menu
« Répondre #5 sur: le 29-04-2005 a 15:13:56 »
jb_gfx
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 562





Voir le Profil    WWW
Répondre avec citation

Si

Rapporter au modérateur  

http://www.pixemedia.com
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg