IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Soucis menu déroulant Java / CSS sous IE


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 2
    Par défaut Soucis menu déroulant JavaScript / CSS sous IE
    Bonjour,

    j'ai fait des recherches sur le forum sans trouver de quoi répondre à ma question... navré si j'ai mal cherché !

    J'ai utilisé pour mon site un menu dont beaucoup de monde se sert :

    Le javascript:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <script type="text/javascript">
    <!--
    window.onload=montre;
    function montre(id) {
    var d = document.getElementById(id);
    	for (var i = 1; i<=10; i++) {
    		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
    	}
    if (d) {d.style.display='block';}
    }
    //-->
    </script>
    Et le menu en lui même :

    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
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    <div id="menu">
     
        <dl>	
    	  <dt onmouseover="javascript:montre('smenu1');">PRESENTATION</dt>
    			<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
    				<ul>
    					<li><a href="index.php?page=histoire">Histoire du club</a></li>
    				  <li><a href="index.php?page=bureau">Le bureau</a></li>
     
    				  <li><a href="index.php?page=plan">Plan d acc&egrave;s</a></li>
    				  <li><a href="index.php?page=entraineurs">Les entra&icirc;neurs</a></li>
    	          </ul>
    	  </dd>
    	</dl>
     
     
    	<dl>	
    	  <dt onmouseover="javascript:montre('smenu2');">ACTUALITES</dt>
    	  <dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
    		  <ul>
    			  <li><a href="index.php?page=news">Actualit&eacute;s r&eacute;centes</a></li>
    			  <li><a href="index.php?page=archives">Archives</a></li>
    		  </ul>
    	  </dd>
    	</dl>
     
     
    	<dl>	
    	  <dt onmouseover="javascript:montre('smenu3');">LES ATHLETES</dt>
    	  <dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
    		  <ul>
    			  <li><a href="index.php?page=athletes">Fiches des athl&egrave;tes</a></li>
    		    <li><a href="#">Les amis de l ECLA</a></li>
    		      <li> <a href="index.php?page=licence">Se licencier</a></li>
    		  </ul>
    	  </dd>
    	</dl>
     
      <dl>	
    	<dt onmouseover="javascript:montre('smenu4');">EVENEMENTS</dt>
    			<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
     
    				<ul>
    				  <li><a href="#">Frances Elites 2008</a></li>
    					<li><a href="index.php?page=interclubs">Interclubs</a></li>
    					<li><a href="index.php?page=eclatisme">Eclatisme</a></li>
    				</ul>
    			</dd>
      </dl>
     
    	<dl>	
    	  <dt onmouseover="javascript:montre('smenu5');">MULTIMEDIA</dt>
    			<dd id="smenu5" onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre('');">
    				<ul>
    				  <li><a href="index.php?page=galerie">Photos</a></li>
     
    					<li><a href="#">Vid&eacute;os</a></li>
    				  <li><a href="#">Flash ECLA</a></li>
    				</ul>
    			</dd>
    	</dl>
     
    	<dl>	
    	  <dt onmouseover="javascript:montre('smenu6');">FORUM</dt>
    			<dd id="smenu6" onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre('');">
    				<ul>
    				  <li><a href="index.php?page=forum">Forum</a></li>
    				</ul>
    			</dd>
    	</dl>
     
     
    	<dl>	
    	  <dt onmouseover="javascript:montre('smenu7');">BOUTIQUE</dt>
    			<dd id="smenu7" onmouseover="javascript:montre('smenu7');" onmouseout="javascript:montre('');">
    				<ul>
    				  <li><a href="index.php?page=boutique">Equipez-vous ECLA !</a></li>
    				</ul>
    			</dd>
    	</dl>
     
     
    </div>
    Sous Firefox aucun problemes, mon menu s'affiche correctement.

    Sous IE6 ou 7 , mon menu s'affiche, se déroule au survol ... mais si quelque chose est ecrit "sous" le menu, alors il disparait.

    Pour un peu plus de clarté je vous laisse le lien vers une page du site :

    http://www.ecla-albi.net/eclanew/index.php?page=licence

    Merci de m'eclairer si vous le pouvez !

    -------------
    Evite de dire Java pour dire JavaScript, ce n'est pas la même chose
    kaiser59

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    C'est le gros problème du menu d'Alsa.

    Je te conseille de regarder ceux qui sont dans la galerie CSS, peut-être y trouveras-tu ton bonheur :
    http://css.developpez.com/galerie/

  3. #3
    Candidat au Club
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 2
    Par défaut
    Ah... bug connu alors !

    Voila qui va me pousser a changer de menu tout simplement !

    Merci pour cette réponse

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Menu déroulant en css qui passe sous le slideshow
    Par sbobo dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 25/09/2013, 13h01
  2. Soucis menu déroulant CSS
    Par antoine_59 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 20/11/2009, 18h39
  3. Menu déroulant avec CSS
    Par fadex dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 20/11/2006, 14h14
  4. menu déroulant en css
    Par cisse18 dans le forum Mise en page CSS
    Réponses: 25
    Dernier message: 08/06/2006, 09h12

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo