Pb avec IE :hover sur menu CSS
Pb avec IE :hover sur menu CSS - HTML/CSS - Programmation
Marsh Posté le 18-05-2006 à 10:01:24
Salut
Je sais pas si je vais pouvoir t'aider... moi ca marche pas du tout sous ie... il faut copier le fichier csshover.htc sur son site? 
Ton message d'erreur c'est juste un message d'information ou c'est un message du genre voulez vous autoriser bla bla bla ? C'est peut-être lié aux options de sécuritée, ca le fait encore si tu l'enlève (je pense pas mais on sais jamais 
)
Et donc meme apres le message d'erreur ca marche sous ie toi?
Sujets relatifs:
- CSS pour configurer l'impression d'un tableau...
- Menu onglets changeant au passage de la souris
- [HTML/CSS] Je deviens fou avec mon affichage (table, div et css) help
- Mettre un border sur une area : CSS ? Javascript ??
- [HTML/CSS] Firefox et boites div imbriquées
- [HTML/CSS] :hover qui souligne les ancrages
- [CSS/HTML] Utiliser les médias audios
- [HTML/CSS] pb pour creer un menu
Marsh Posté le 17-05-2006 à 17:03:42
Bonjour à tous,
je viens de créer un menu tout en css. Cool pour un débutant !!!!!
(Ce menu je l'ai trouvé dans le bouquin d'Eric MEYER.)
Le problème c'est IE et le :hover. Dans le code on nous fais insérer dans l'élémnt body un behavior: url(csshover.htc);.
Le menu avec ceci marche super sous IE le pb c'est qu'à l'ouverture de la page on a un message nous disant que IE à resteint l'affichage etc etc etc ....... cliqez ici pour etc ........... .
J'ai fais des recherches sur le site et j'ai trouvé qu'on était obligé d'utiliser du java pour mettre en place l'hover sur les menus.
Mon soucis c'est comment je peux insérer ce java dans ma page ? Voici le code :
<style type="text/css">
body {background: #EEE; color: #000;
behavior: url(csshover.htc);} /* WinIE behavior call */
h1 {color: #AAA; border-bottom: 1px solid; margin-bottom: 0;}
#main {color: #CCC; margin-left: 200px; padding: 1px 0 1px 5%;
border-left: 1px solid;}
div#nav {float: left; width: 200px; margin: -1px 0 0 -1px;
background: #FDD;}
div#nav ul {margin: 0; padding: 0; width: 250px; background: white;
border: 1px solid #444;}
div#nav li {position: relative; list-style: none; margin: 0;
border-bottom: 1px solid #CCC;}
div#nav li:hover {background: #EBB;}
div#nav li.submenu {background: url(submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #628eab;}
div#nav li a {display: block; padding: 5px 0 5px 10px;
text-decoration: none; width: 190px;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; top: 0; left: 500px; display: none;}
div#nav ul.level1 li.submenu:hover ul.level2{display:block;}
</style>
</head>
<body>
<h1>Adipiscing Rhubarb</h1>
<div id="nav">
<ul class="level1">
<li><a href="/">Menu1</a></li>
<li class="submenu"><a href="/services/">Menu2</a>
<ul class="level2">
<li><a href="/services/strategy/">SS-menu1</a></li>
<li><a href="/services/optimize/">SS-menu2</a></li>
<li><a href="/services/guidance/">SS-menu3</a></li>
<li><a href="/services/training/">SS-menu4</a></li>
</ul>
</li>
<li class="submenu"><a href="/events/">Menu3</a>
<ul class="level2">
<li><a href="/services/strategy/">SS-menu1</a></li>
<li><a href="/services/strategy/">SS-menu2</a></li>
<li><a href="/services/strategy/">SS-menu3</a></li>
</ul>
</li>
<li><a href="/pubs/">Menu4</a></li>
<li><a href="/contact/">Menu5</a></li>
<li><a href="/services/strategy/">Menu6</a></li>
<li><a href="/services/strategy/">Menu7</a></li>
<li><a href="/services/strategy/">Menu8</a></li>
</ul>
</div>
AVEZ-VOUS UNE IDEE POUR ME SORTIR DE LA.
MERCI !!!!!!!