Discussion :

[Anthares]

Bonjour à tous,

Je tiens à prévenir que ma question pourra vous sembler stupide, mais je ne fais pas de développement Web d'habitude .

Je suis administrateur d'un forum et pour rajouter des petits bonus à celui-ci, j'ai essayé, avec les tutoriaux trouvés sur le net, de mettre en place un carrousel avec liens.

Voici le résultat: mon carrousel

Ceci marche super bien sous Chrome , cependant, les textes des boutons ne 'affichent pas sous Firefox et sous IE, ça ne ressemble pas du tout à ce que je souhaite obtenir (les boutons n'apparaissent même pas ).

Je pense que cela vient de mon CSS et je dois avouer que ne m'y connaissant pas vraiment, j'ai du mal à le corriger.

Voici mon css CSS.

Je viens donc vous demander vos conseils et avis afin de pouvoir corriger cela et de ne plus me tromper à l'avenir.

Merci beaucoup de l'aide que vous pourrez m'apporter

[Invité]

Bonjour,
revois le code pour #carousel a > p { ... }
line-height: 40px; pose problème.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a target="_blank" href="http://itcg.eredan.com/fr"><p>Go »</p></a>

[Anthares]

J'ai essayé en enlevant cette attribut et en le modifiant, mais cela n'a rien changé

[Invité]

Quand un affichage est bon sur I.E. (!) alors qu'il est mauvais sur Firefox, c'est qu'il y a un GROS problème !
PS : ca ne marche pas non plus sur Opera, ni Safari.

[Invité]

Comme le disait si bien Mulder à Scully :

La vérité est ailleurs...

J'ai trouvé l'erreur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#carousel a {
/* ..... */
	position: relative;
	left: 520px;
	top: 216px;
/* ..... */

A remplacer par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#carousel a {
/* ..... */
	position: absolute;
	left: 520px;
	top: 216px;
/* ..... */

Ca fonctionne maintenant : Firefox, Opera, Safari, I.E., Chrome ...

[Anthares]

Merci beaucoup

C'est nickel.