Hello cela fait longtemps que je n'ai pas poster sur le forum .
Voila j'ai une grosse galère sur un site.
J'ai ces styles
Sachant que j'ai une image de fond en plus sur le label.
Le text-indent fait bugger ma liste d'image sur ie7, le navigateur réagit comme si les li était vide.
Sur ie8 tout va bien.
Je ne sais absolument plus quoi faire pour corriger ce soucis avez vous déjà rencontré ce cas de figure?
Merci par avance
Voila j'ai une grosse galère sur un site.
J'ai ces styles
#content-popin .pictures-nav li {
display: inline-block;
margin-left: 10px;
*display: inline; *zoom: 1;/* IE7 */
}
#content-popin .pictures-nav li:first-child {
margin-left: 0;
}
#content-popin .pictures-nav input {
position: absolute;
top: -10000px;
width: 58px;
height: 58px;
display:block;
}
#content-popin .pictures-nav label {
display: block;
position:relative;
width: 58px;
height: 58px;
text-indent: -1000px;
overflow: hidden;
margin-left:0px;
cursor: pointer;
}
Sachant que j'ai une image de fond en plus sur le label.
Le text-indent fait bugger ma liste d'image sur ie7, le navigateur réagit comme si les li était vide.
Sur ie8 tout va bien.
Je ne sais absolument plus quoi faire pour corriger ce soucis avez vous déjà rencontré ce cas de figure?
Merci par avance