Perte du survol !

Version imprimable

02/09/2009, 14h39
malabarbe

Perte du survol !

Bonjour à tous,

J'ai créé une liste déroulante en récupérant des
champs MySql : tout va bien

Par contre si je met size="15", la liste se déroule
automatiquement de 15 lignes mais la, je perds
le survol se la ligne en bleu.

Comment récupérer cela ?
02/09/2009, 18h31
zesavantfou
hmmm c'est bizare, essaye de faire en sorte que chaque element de ta liste déroulante aie une id="monelement"

puis dans le css met ca
Code:

1 2 3 4 5 #monelement:hover { background-color:blue; }
essaye voir

Bonsoir zesavantfou,

Ok, j'ai ajouté le CSS, mais ou placer l'ID ?
Code:

1 2 3 4 5 <table height='289' ><tr><td>La bonne ligne <select name='la ligne' size='15'> <option>..</option> </select></td></tr> </table>

02/09/2009, 19h06
zesavantfou
En regardant ton code une class sera plus appropriée qu'un id.
comme ca
Code:

1 2 3 4 5 <table height='289' ><tr><td>La bonne ligne <select name='la ligne' size='15'> <option class='mesoptions'>...</option> </select></td></tr> </table>
puis dans ton css
Code:

1 2 3 4 5 6 .mesoptions:hover { background-color:blue; }
Si ca ne marche pas avec classe remplace par id dans <option> et n'oublie ps de remplacer aussi le css par celui de mon message précédent.
02/09/2009, 19h13
malabarbe

Non, class ou id pas de résultat !
02/09/2009, 19h14
zesavantfou

j'avais remplacé ca class="mesoptions" par ca class='mesoptions'.
tu l'as fait toi aussi ? (le guillemets)
02/09/2009, 19h17
malabarbe

Ok, j'avais remplacé

J'ai esseyé dans le <tr>, rien

Mon code complèt pour tests

Code:

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
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 3</title>
 
<style>
.mesoptions:hover
{
background-color:blue;
}
 
.mesoptions
{
cursor:pointer;
}
</style>
 
</head>
<body>
 
<table height='289' >
<tr>
<td>
<select size='15'>
<option class='mesoptions'>   -  -   </option>
</select></td></tr> 
</table> 
</body>
</html>

02/09/2009, 20h19
zesavantfou

je viens de tester le code que je t'ai donné dans une page vierge, ca marche parfaitement, avec le bleu et tout. (firefox)
essaye sur une page vierge pour voir.
02/09/2009, 20h22
malabarbe

Ok pour (firefox)
Mais c'est sous IE que j'ai le soucis !
02/09/2009, 20h49
zesavantfou

Je viens de tester IE7, ca marche parfaitement:lefou:
Bon après si c'est de IE6 que tu parle, je l'ai pas pour tester.
02/09/2009, 20h59
malabarbe

Désolé, j'ai testé en IE 7 et 8 ne tourne pas

Mon test est visible a l'adresse suivante :

http://www.bonturf.com/www/test/listed-03.php
02/09/2009, 21h02
zesavantfou

Je viens de tester ton lien sur firefox, IE7, opera, safari et ca marche partout parfaitement. ca viens juste de ton PC :mouarf:
02/09/2009, 21h10
malabarbe

A devenir Fou !

J'ai testé sur 3 PC différents

XP, XP Pro, Vista (toujours en IE 7 ou 8)

Il y a t'il une explication ?
02/09/2009, 21h13
zesavantfou

tpn problème est bien le fait qu'au survole tes elements ne deviennent plus bleu ? et non pas le fait que c'est déroulé ?

la preuve que ca marche:
http://img376.imageshack.us/img376/234/capt.jpg
02/09/2009, 21h17
malabarbe

Oui, ce qui ne va pas, c'est qu'au survol
d'une ligne, celle-ci ne se mêt pas en bleu
et la petite main comme sur un lien est manquante.

Je veut qu'elle soit déroulée, mais quelle se comporte
comme si on la déroulait manuellement.