28173 sujets

CSS et mise en forme, CSS3

Pb avec IE :hover sur menu CSS

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 !!!!!!!
Modifié par miniwanadoo (18 May 2006 - 08:36)
**Edit: Désolé j'édit mon message j'ai confondu.. j'analyse la situation
Modifié par s_har_k (17 May 2006 - 17:50)
Administrateur
Bonjour miniwanadoo et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Sujet clos
Aller à