|
OceanSoul
{ Membre }
Messages : 137
| Je me permet de demander à nouveau de l'aide. Alors voilà, j'avais terminé ma Pa, tout bien et tout, et j'ai voulu supprimer un espace un peu gênant. Du coup, j'ai tout perdu, mes infobulles ne marchaient plus correctement. Ca m'a énervé et j'ai tout supprimé. En fait ce que je voudrais, c'est une infobulle dans laquelle il y aurait une image et des liens. Le problème c'est que je suis incapable de retrouver l'endroit où j'avais vu comme faire cela. - Spoiler:
- Code:
-
[table][tr][td] [/td][td][img(55px,55px)]http://img7.hostingpics.net/pics/359183katy.jpg[/img][center][img]http://i31.tinypic.com/efkrr6_th.gif[/img] [size=7] fox[/size][color=#525252][size=7][b] Nathanaël W. Hilfiger[/b][/size][/color] [size=7][color=#8f2423]vampire[/color][/size] [size=7][url=http://bloods-chronicles.forumactif.org/vampires-f15/les-vampires-traditionnels-dits-anciens-t8.htm]profil[/url][/size][/center] [/td][td][img(55px,55px)]http://img7.hostingpics.net/pics/166058oly.jpg[/img][center][img]http://s5.tinypic.com/w03k3n_th.jpg[/img] [size=7] crocodile[/size] [color=#525252][size=7][b]Olympe C. Anderson[/b][/size][/color] [size=7][color=#868ea3]sorcière[/color][/size] [size=7][url=http://bloods-chronicles.forumactif.org/sorciers-f17/magie-noire-t13.htm]profil[/url][/size] [/center] [/td][td][img(55px,55px)]http://img7.hostingpics.net/pics/273292stef.jpg[/img][center][img]http://i30.tinypic.com/y2xac.jpg[/img] [size=7] irish[/size] [color=#525252][size=7][b]Stefan Blackheart[/b][/size][/color] [size=7][color=#542c2e]démon[/color][/size] [size=7][url=http://bloods-chronicles.forumactif.org/demons-f16/jeunes-demons-t28.htm]profil[/url][/size] [/center] [/td][/tr][/table]
Voici un bout du code que j'ai pu sauver. Le truc c'est que quand je le met, les infobulles disparaissent avant que je n'ai le temps de cliquer sur le lien. En gros, ben elles font qu'apparaître et les liens sont inutilisables. - Spoiler:
- Code:
-
a.imginfo { position: relative; color: #7d7d7d; text-decoration: none; border-bottom: 0px #7d7d7d solid; /* on souligne le texte */ }
a.imginfo span { display: none; /* on masque l'infobulle */ } a.imginfo:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ cursor: help; /* on change le curseur par défaut en curseur d'aide */ } a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: 100px; /* on positionne notre infobulle */ left: 10px; background: white; color: 7d7d7d; padding: 3px; border: 0px solid grey; border-left: 5px solid #b6b6b6; border-right: 3px solid #b6b6b6; border-top: 3px solid #b6b6b6; border-bottom: 5px solid #b6b6b6; }
Je vous donne mon css, on ne sait jamais ^^ Si quelqu'un peut m'aider ce serait vraiment gentil, parce que je galère depuis ce matin mais je n'arrive plus à rien Merci d'avance <3 | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Bonjour, Tu peux supprimer ton CSS et le refaire à l'aide ce tutoriel : Faire une infobulle. Merci de nous dire si cela fonctionne et si non, quel problème apparait. | | |
|
| |
OceanSoul
{ Membre }
Messages : 137
| Merci pour la réponse Tech, mais j'avais déjà essayé avec ce css là aussi, et ça ne change rien. Mes infobulles ne restent pas assez longtemps pour que je puisse cliquer sur les liens. | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Peux-tu me passer le lien de ton forum où est le problème ?
Et j'imagine que c'est toujours le même CSS qu'au dessus. | | |
|
| |
OceanSoul
{ Membre }
Messages : 137
| Le css que j'ai mis, c'est celui que tu m'as donné là en fait...
ici | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Le problème doit venir de l'attribut top qui se trouve dans ton CSS. Réduit son nombre dans les environ de 10 et cela devrait fonctionner | | |
|
| |
OceanSoul
{ Membre }
Messages : 137
| J'ai réduit à 5, et ça fait toujours la même chose Oo Left est aussi à 5, et pourtant l'infobulle est à trois kilomètres de l'image >< | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Mets le top à 5px et le left à 15px | | |
|
| |
OceanSoul
{ Membre }
Messages : 137
| C'est toujours pareil.. En fait j'ai l'impression que rien ne change sur la Pa, même si je modifie le Css Edit; Ca fonctionne en fait, mais seulement pour les images qui sont au format 55*75, celles qui sont en 55*55, ça marche pas | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| D'accord.
Tu as essayé avec d'autres nombres ? En l'occurrence le left, change le de 5px et mets le donc à 10px. | | |
|
| |
OceanSoul
{ Membre }
Messages : 137
| J'ai finit par trouver.. J'ai dû refaire de nouvelles images à des tailles différentes et maintenant ça fonctionne. Merci pour ton aide en tout cas | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| De rien même si j'ai pas vraiment réussi à tout résoudre ^^ Je classe la demande alors | | |
|
| |
Contenu sponsorisé
| |
| |
|