28173 sujets

CSS et mise en forme, CSS3

Affichage du menu déroulant sacadé

Bonjour et merci a l'avance pour votre aide.

Le Problème se situe lorsque j'ouvre ma page http://www.kamouraska.com/site/rep_artis

Mon menu avec IE est sacadé l'affichage est difficile sur les élément liste du menu. Avec firefox aucun problème.

Un autre problème lorsque la page ouvre les élément liste du menu sont imédiatement disponible. Je m'explique je voi tout les sous menu sans avoir sélectionner un de ceux-ci. et lorsque je passe dessu avec la sourie il se referme.

Merci

Le code 
<div id="menu">
	
       <div align="left">
         <dl>			
           <dt onMouseOver="javascript:montre('smenu6');">Arts visuels</dt>
           <dd id="smenu6" onMouseOver="javascript:montre('smenu6');" onMouseOut="javascript:montre('');">
             <ul>
               <li><a href="rep_artis_art_visuel.html" class="style19">Artiste</a></li>
               <li><a href="rep_artis_art_visuel_organisme.html" class="style19">Organisme</a></li>
               <li><a href="rep_artis_art_visuel_salle.html" class="style19">Salle d'exposition</a></li>
             </ul>
           </dd>
         </dl>
       </div>
   </div>
    
	<div id="menu">
	
        <div align="left">
          <dl>			
            <dt onMouseOver="javascript:montre('smenu2');"><a href="rep_artis_art_media.html">Arts médiatiques</a></dt>
            </dl>
        </div>
	</div>
   
	<div id="menu">
	
        <div align="">
          <dl>			
            <dt onMouseOver="javascript:montre('smenu3');">Lettres et Littérature</dt>
            <dd id="smenu3" onMouseOver="javascript:montre('smenu3');" onMouseOut="javascript:montre('');">
              <ul>
                <li><a href="rep_artis_lettre.html" class="style19">Auteur</a></li>
                <li><a href="rep_artis_lettre_organisme.html" class="style19">Organisme</a></li>
              </ul>
            </dd>
          </dl>
        </div>
	</div>	
    
    <div id="menu">
	
        <div align="left">
          <dl>			
            <dt onMouseOver="javascript:montre('smenu4');">Métiers d'art</dt>
            <dd id="smenu4" onMouseOver="javascript:montre('smenu4');" onMouseOut="javascript:montre('');">
              <ul>
                <li><a href="rep_artis_metier_arts.html" class="style19">Artisan</a></li>
                <li><a href="rep_artis_metier_arts_organisme.html" class="style19">Organisme</a></li>
                <li><a href="rep_artis_metier_arts_gallerie.html" class="style19">Gallerie ,Boutique</a></li>
                </ul>
            </dd>
          </dl>
        </div>
    </div>
    
    <div id="menu">
	
        <div align="left">
          <dl>			
            <dt onMouseOver="javascript:montre('smenu5');">Multidisciplinaire</dt>
            <dd id="smenu5" onMouseOver="javascript:montre('smenu5');" onMouseOut="javascript:montre('');">
              <ul>
                <li><a href="rep_artis_multidisciplinaire_organisme.html" class="style19">Organisme</a></li>
              </ul>
            </dd>
          </dl>
          
          
          <div id="menum">
	
        <div align="left">
          <dl>			
            <dt onMouseOver="javascript:montre('smenu7');">Histoire, Patrimoine et Muséologie</dt>
            <dd id="smenu7" onMouseOver="javascript:montre('smenu7');" onMouseOut="javascript:montre('');">
              <ul>
               <li><a href="rep_artis_histoire.html" class="style19">Individu</a></li>
                <li><a href="rep_artis_histoire_organisme.html" class="style19">Organisme</a></li>
                <li><a href="rep_artis_histoire_musee.html" class="style19">Mus&eacute;e et lieux patrimoniaux</a></li>
                </ul>
            </dd>
          </dl>
          
        </div>
    </div>
    
    <p>&nbsp;</p>
    
                          <div id="menuinscription">
       <div align="left">
         <dl>
           <dt onMouseOver="javascript:montre('smenu8');">
             <div align="left"><a href="inscription_rep.html">Pour s'inscrire</a></div>
           </dt>
           <dd id="smenu8" onMouseOver="javascript:montre('smenu8');" onMouseOut="javascript:montre('');">. </dd>
         </dl>
       </div>
     </div></td>
                                              </tr>
                                            </table>



Le css
@charset "utf-8";
/* CSS Document */

#menu {
height:25px;
left:0px;
list-style-type:none;



}

dl, dt, dd, ul, li {

margin:0pt;
padding:0pt;
list-style-type:none;

}

#menu dl {
float:left;
text-align:left;
}
#menu dt, #menu dt a {
	background:transparent url(imagesartiste/menu/arts-scenebrun.jpg) repeat-x scroll 0pt 0px;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-size:12pt;
	font-weight:bold;
	letter-spacing:0px;
	line-height:30px;
	text-decoration:none;
	width:200px;
	text-indent:11pt;
	font-variant: small-caps ;
	Font:Arial;
}
#menu li {
background:#FFFFFF none repeat scroll 0%;
display:inline;
text-align:left;
text-indent:20pt;

}
#menu li a {
Font:Verdana;
background:transparent url(imagesartiste/menu/arts-scenebrun.jpg) repeat-x scroll 0pt 0px;
color:#FFFFFF;
display:block;
font-size:8pt;
font-weight:normal;
letter-spacing:0px;
line-height:18px;
text-decoration:none;
width:200px;
float:left;

}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background:transparent url(imagesartiste/menu/arts-scenejaune.jpg) repeat-x scroll 0pt 0px;
}





#menum {
height:23px;
left:0px;
list-style-type:none;





}


#menum dl {
float:left;
text-align:left;
}
#menum dt, #menum dt a {
	background:transparent url(imagesartiste/menu/arts-scenebrun.jpg) repeat-x scroll 0pt 0px;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-size:12pt;
	font-weight:bold;
	letter-spacing:0px;
	line-height:23px;
	text-decoration:none;
	width:200px;
	text-indent:0pt;
	font-variant: small-caps ;
	Font:Arial;
	text-align:center;
}
#menum li {
background:#FFFFFF none repeat scroll 0%;
display:inline;
text-align:left;
text-indent:20pt;

}
#menum li a {
Font:Verdana;
background:transparent url(imagesartiste/menu/arts-scenebrun.jpg) repeat-x scroll 0pt 0px;
color:#FFFFFF;
display:block;
font-size:8pt;
font-weight:normal;
letter-spacing:0px;
line-height:18px;
text-decoration:none;
width:200px;
float:left;

}
#menum li a:hover, #menum li a:focus {
background:transparent url(imagesartiste/menu/arts-scenejaune.jpg) repeat-x scroll 0pt 0px;
}



#menuinscription {
	height:35px;
	left:0px;
	list-style-type:none;
	color: #FFFFFF;
	




}

#menuinscription li {
background:#FFFFFF none repeat scroll 0%;
display:inline;
text-align:left;
text-indent:0pt;

}

#menuinscription dl {
float:left;
text-align:left;
color:#FFFFFF;
}
#menuinscription dt {
	background:transparent url(imagesartiste/menu/arts-scenebrun.jpg) repeat-x scroll 0pt 0px;
	text-indent:11pt;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-size:12pt;
	font-weight:bold;
	letter-spacing:0px;
	line-height:35px;
	text-decoration:none;
	width:200px;
	text-indent:0pt;
	font-variant: small-caps ;
	Font:Arial;
}


}
#menuinscription dt a , #menuinscription dl a  {
Font:Verdana;
background:transparent url(imagesartiste/menu/arts-scenebrun.jpg) repeat-x scroll 0pt 0px;
color:#FFFFFF;
display:block;
font-size:12pt;
font-weight:bold;
letter-spacing:0px;
line-height:35px;
text-decoration:none;
width:200px;
float:left;
text-indent:11pt;

}
#menuinscription dt a:hover, #menuinscription dt a:focus {
background:transparent url(imagesartiste/menu/arts-scenejaune.jpg) repeat-x scroll 0pt 0px;
}






#liste li a
{
color:#828282;
display:inline;
line-height:16px;

}

#liste li a:hover
{
color:#000000;
}
#listetitre Li
{
color:#828282;
list-style-type:none;
line-height:16px;


}
Sujet clos
Aller à