28172 sujets

CSS et mise en forme, CSS3

Salut à tous,

J'ai un carousel qui utilise la libraire jQuery jCarousel.
Sur chacune des images de ce carousel, une "infobulle" (créée avec ce code) apparait et fait apparaitre des infos.
Problème : la partie de l'infobulle qui dépasse du conteneur du carousel est tronquée, puisque sur ce conteneur on trouve un overflow: hidden...

J'ai cherché et cherché, je n'ai pas trouvé de solution à ce problème Smiley sweatdrop ...
Des idées ?

Merci Smiley smile
Modifié par Ericf (20 Apr 2009 - 18:03)
Je sais que je vais pas répondre tout à fait à ta question.

Mais utilisant Jquery les plugins de toottip serait peut etre utile:
http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

L'interet est que l'infobulle ce positionne en "dehors" de ton container donc a l'affichage au dessus sans probleme de bordure.

Sinon j'ai trouvé aussi celui la qui fait aussi la même chose:
http://nettuts.s3.amazonaws.com/234_tooltip/Demo/index.html

Mais peut etre que c'est pas du tout ce que tu cherche.
J'espere pouvoir t'aider un peu.
Merci pour ta réponse Smiley smile

Ca ne va pas, j'ai oublié de mentionner que les infobulles doivent être cliquables Smiley ohwell
Il va falloir trouvé un moyen de le sortir du conteneur parce que je pense pas qu'il y est beaucoup de solution en css pour que ton infobulle ne soit pas tronquée.
peut etre z-index mais j'ai des doutes.
Pas assez utilisé cette derniere propriété pour être affirmatif.

Mais peut etre que qqn aura une meilleure solution.

Sinon je viens de tomber sur ca:
http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html
J'ai pas eu trop le temps de regarder.
Ca à l'air bien complet. Mais qui dit complet dis un peu de boulot pour le faire pile poil comme on veut.
En tous cas je me le met de coté je sens que ca va bien me servir.

Bon courage à toi