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 :

Menu CSS HTML ne se déploie pas!!


Sujet :

CSS

  1. #1
    Membre régulier Avatar de PuppeT mAsTer
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    104
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Juin 2006
    Messages : 104
    Points : 75
    Points
    75
    Par défaut Menu CSS HTML ne se déploie pas!!
    Bonjour à tous, comme le dit le nom du sujet, j'ai conçu un menu déroulant à l''aide d'une feuille de style et du tutorial sur le sujet du site, cependant le menu ne se développe pas, le hover ne fonctionne pas. Je vous propose le code du css :

    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
    #menudéroulant {
                   width: 1020px;
                   list-style-type: none;
                   margin: 0;
                   padding: 0;
                   border: 0;
                   background-color: #FFFFFF;
    }
    #menudéroulant li
    {
     float: left;
     width: 113px;
     height: 15px;
     text-align: center;
     margin: 0;
     padding: 0;
     border: 0;
     
    }
    #menudéroulant li:hover > .sousMenu { display: block; }
    #menudéroulant li a:link,
    #menudéroulant li a:visited,
    #menudéroulant li a:hover
    {
      display: block;
      height: auto;
      color: #ffa900;
      font-weight: bold;
    }
     
    #menudéroulant .sousmenu {
     display: none;
     list-style-type: none;
     margin: 0;
     padding: 0;
     border: 0;
    }
    #menudéroulant .sousmenu li {
     float: none;
     margin: 0;
     padding: 0;
     border: 0;
    }
    #menudéroulant .sousmenu li a:link, 
    #menudéroulant .sousmenu li a:visited
    #menudéroulant .sousmenu li a:hover
    {
      display: block;
      margin: 0;
      border: 0;
      font-weight: normal;
      text-decoration: none;
      background: url("images/fondmenu.png") repeat;
    }
    et la partie html correspondant sur le site :

    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
    <table border=1>
    	<tr>
    	<td width="1020" height="40">
    	<ul id="menudéroulant">
    	  <li><a href="#">RADIO</a></li>
    	   <ul class="sousmenu">
    		<li><b>---------EMISSIONS-------</b></font></li>
    		<li><a href="#">Debout Lyon</a></li>
    		<li><a href="#">Le Denis Show</a></li>
    		<li><a href="#">Le Club</a></li>
     
    		<li><b>----------ANTENNE--------</b></li>
    		<li><a href="#">La grille des programmes</a></li>
    		<li><a href="#">Animateurs</a></li>
    		<li><a href="#">La Rédac'</a></li>
    		<li><a href="#">La direction</a></li>
    		<li><a href="#">Contactez-nous</a></li>
    	   </ul>
    	  <li><a href="#">BREVES</a></li>
    	  <li><a href="#">MUSIC</a></li>
    	   <ul class="sousmenu">
    		<li><a href="#">Ecoutez en live</a></li>
    		<li><a href="#">La playlist</a></li>
    		<li><a href="#">Les 5 Hits du moment</a></li>
    	   </ul>
    	  <li><a href="#">SPORT</a></li>
    	   <ul class="sousmenu">
    		<li>----------RESULTATS--------</li>
    		<li><a href="#">Olympique Lyonnais</a></li>
    		<li><a href="#">Adecco ASVEL</a></li>
    		<li><a href="#">LOU</a></li>
    		<li>---------<a href="#">CALENDRIERS</a>-------</li>
    		<li>---------LE DIRECT-------</li>
    		<li><a href="#">Match Olympique Lyonnais</a></li>
    		<li><a href="#">Match Adecco ASVEL</a></li>
    		<li><a href="#">Match LOU</a></li>
     
    	   </ul>
    	  <li><a href="#">BLOGS</a></li>
    	    <ul class="sousmenu">
    		<li><a href="#">Bloghs</a></li>
    		<li><a href="#">Les Forums</a></li>
    		<li><a href="#">Le Tchat</a></li>
    	    </ul>
    	  <li><a href="#">AGENDA</a></li>
    	  <li><a href="#">PHOTOS</a></li>
    	  <li><a href="#">INTERVIEWS</a></li>
    	  <li><a href="#">OFFRE EMPLOI</a></li>
    	</ul>
    	</td>
    	</tr>
    	</table>
    Je serai très reconnaissant si vous pouviez me trouvez l'erreur commise et me l'expliquer si c'est un conflit dans le script.

    Merci d'avance

    PM

  2. #2
    Membre régulier Avatar de PuppeT mAsTer
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    104
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Juin 2006
    Messages : 104
    Points : 75
    Points
    75
    Par défaut
    Est ce que le fait d'être dans un tableau gène le déploiement du tableau ou non?

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

Discussions similaires

  1. menu css ok sous Firefox et pas sous IE
    Par claire34 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 20/08/2010, 15h04
  2. [CSS] [HTML] Menu déroulant sur X niveau
    Par SylvainB dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 24/02/2006, 16h13
  3. [HTML][CSS] W3C--> Je n'arrive pas à résoudre une erreur
    Par gwendy dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 23/12/2005, 23h50
  4. Menu CSS avec bordures - fonctionne firefox, pas ie
    Par Romalafrite dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 21/11/2004, 15h40

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