Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 26/11/2010, 10h13   #1
Invité de passage
 
romain pablo
Inscription : novembre 2010
Messages : 2
Détails du profil
Informations personnelles :
Nom : romain pablo

Informations forums :
Inscription : novembre 2010
Messages : 2
Points : 0
Points : 0
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 :
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 :
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...
romain11 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 26/11/2010, 10h26   #2
Modérateur
 
Avatar de polymorphisme
 
Homme Grégory Roche
GED (Gestion Electronique de Documentation)
Inscription : octobre 2009
Messages : 1 066
Détails du profil
Informations personnelles :
Nom : Homme Grégory Roche
Âge : 38
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : GED (Gestion Electronique de Documentation)

Informations forums :
Inscription : octobre 2009
Messages : 1 066
Points : 1 444
Points : 1 444
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.
__________________
polymorphisme.com
Article : Installation de Cocoon
Je ne réponds pas aux MP à caractère technique.
polymorphisme est actuellement connecté   Envoyer un message privé Réponse avec citation 00
Vieux 26/11/2010, 10h54   #3
Invité de passage
 
romain pablo
Inscription : novembre 2010
Messages : 2
Détails du profil
Informations personnelles :
Nom : romain pablo

Informations forums :
Inscription : novembre 2010
Messages : 2
Points : 0
Points : 0
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 ?
romain11 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 26/11/2010, 11h24   #4
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
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.
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 20h11.


 
 
 
 
Partenaires

Hébergement Web