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 :

Pb CSS <ul> avec IE


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 2
    Par défaut Pb CSS <ul> avec IE
    Bonjour, je veux développer une liste checkbox avec des listes à puces,
    qui se déroule en fonction du passage de la souris.
    Le problème est que mon code fonctionne bien sous Mozilla et Chrome,
    mais malheureusement pas sous IE.

    Quelqu'un serait-il me dire d'où vient le problème ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    ul {
    list-style-type: none; 
    }
     
    li ul {
    display:none;
    }
    li:hover>ul {
    display:block;
    position:relative;
    top:0;
    left:25px;
    }
    Code html : 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
    <ul><li><input type="checkbox" name="Affectation" value="00">00
    	<ul >
     
    	<li><input type="checkbox" name="Affectation" value="01">01
      		<ul>   		
    		 <li><input type="checkbox" name="Affectation" value="11">01.1 </li>
    		 <li><input type="checkbox" name="Affectation" value="12">01.2</li>
    		 <li><input type="checkbox" name="Affectation" value="13">01.3</li>
      		</ul>
    	</li>	
    	<li><input type="checkbox" name="Affectation" value="02">02
      		<ul>   		
    		 <li><input type="checkbox" name="Affectation" value="21">02.1 </li>
    		 <li><input type="checkbox" name="Affectation" value="22">02.2</li>
    		 <li><input type="checkbox" name="Affectation" value="23">02.3</li>
      		</ul>
    	</li>	
    	<li><input type="checkbox" name="Affectation" value="03">03
      		<ul>   		
    		 <li><input type="checkbox" name="Affectation" value="31">03.1 </li>
    		 <li><input type="checkbox" name="Affectation" value="32">03.2</li>
    		 <li><input type="checkbox" name="Affectation" value="33">03.3</li>
      		</ul>
    	</li>
     
    	</ul></li>
    </ul>


    Je pense que IE n'arrive pas à interpréter le caractère ">" dans le css
    => li:hover>ul
    Mais je ne sais pas comment et avec quoi le remplacer...

    Merci de votre aide...

  2. #2
    Membre Expert
    Avatar de polymorphisme
    Homme Profil pro
    Publishing
    Inscrit en
    Octobre 2009
    Messages
    1 460
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Publishing
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Octobre 2009
    Messages : 1 460
    Par défaut
    Bonjour,

    le signe ">" est un sélecteur d'élément. Il permet de sélectionner les fils directs d'un élément, mais pas des petits-fils.

  3. #3
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 2
    Par défaut
    Merci.

    Mais comment faut-il que je modifie mon code afin qu'il s'exécute sous IE étant donné qu'il tourne bien sous Mozilla et Chrome ?

  4. #4
    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
    Citation Envoyé par romain11 Voir le message
    Le problème est que mon code fonctionne bien sous Mozilla et Chrome,
    mais malheureusement pas sous IE.
    Quelle version ?

    Citation Envoyé par polymorphisme Voir le message
    Il permet de sélectionner les fils directs d'un élément, mais pas des petits-fils.
    Et ici ul est directement enfant de li.

Discussions similaires

  1. [XHTML][CSS] simuler des frames avec des div
    Par piwai dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 09/11/2005, 13h26
  2. [CSS ou xHTML ?] Problème avec dashed
    Par SangKou dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 29/10/2005, 14h25
  3. [CSS]Problème de positionnement avec div
    Par Tueur_a_gage dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 25/10/2005, 23h48
  4. rendre un CSS valide firefox compatible avec IE
    Par tatayoyo dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 28/09/2005, 14h07
  5. [CSS] Problème de marge Avec IE
    Par Le_Tolier dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 26/09/2005, 10h12

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