28173 sujets

CSS et mise en forme, CSS3

Bonjour,
Voila j'ai un souci plutôt ennuyeux.
J'ai 6 div, avec chacune une classe.
Dans chaque div j'ai une image avec un lien.
Les classes servent uniquement à positionner les div.
Visuellement, les images sont les unes a cotées des autres.
Sous IE tous marche, le rollover des images fonctionne et les liens cliquable.
Par contre sous FF je seule la dernière div me donne accès au lien, les autres ne sont pas réactive (pas accessible) au passage de la souris.

Voici les classes que j'utilise.

div.bt-1 { padding-top: 59px; float: left; position: absolute; padding-left: 278px; }
div.bt-2 { padding-top: 59px; float: left; position: absolute; padding-left: 320px; }
div.bt-3 { padding-top: 59px; float: left; position: absolute; padding-left: 359px; }
div.bt-4 { padding-top: 59px; float: left; position: absolute; padding-left: 398px; }
div.bt-5 { padding-top: 59px; float: left; position: absolute; padding-left: 437px; }
div.bt-6 { padding-top: 59px; float: left; position: absolute; padding-left: 476px; }


Merci de votre aide
Bonjour,

float + position:absolute = position: absolute uniquement, pour commencer.

Ensuite, une page en ligne aiderait à trouver les autres erreurs Smiley cligne
Modifié par Laurent Denis (04 Feb 2008 - 13:15)
Dsl: j'ai supprimer l'url.
Par contre si je supprime le position:absolute le site ne ressemble plus a rien.
j'ai trouvé une astuce qui a le mérite de fonctionner c'est : le Z-INDEX.

Si il existe qq chose de plus propre je suis preneur.
Modifié par christobal (04 Feb 2008 - 14:45)