-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

Codages et infobulles

Salut,

Je cherche actuellement a obtenir des images (qui serait redimensionné par le code) sur lesquelles (ou dans une bulle a coté) s'affichent un texte quand on passe la souris dessus. Comme les anciennes médailles par exemple.

J'ai pour l'instant piqué le codage des dites médailles pour obtenir ça :

https://www.onepiece-requiem.net/t18487-sous-le-drapeau-rouge

Donc dans l'idée, vu de dehors, je suis pas loin.

Le souci, c'est que j'utilise énormément d'éléments de code en trop/qui ne servent a rien dans ce code la. Typiquement, les trucs genre "boite_med" qui de mémoire font référence au positionnement en tableau des médailles, a l'espacement, ou peut étre a l'image de fond.
Du coup, tant que je reste sur des images de la largeur des anciennes médailles, ça colle quand méme, mais dés que j'essaye des images plus grosses en modifiant la seconde partie du code relative aux dimensions de l'image, ça se chevauche.

Code:
[table][tr][td]<div class="boite_med"><img src="http://image.noelshack.com/fichiers/2016/37/1474025427-1471026627-sans-titref-imagesia-com-pd5i-cokpier-imagesia-com-pdlyw.png" style="border: 3px solid darkred; width: 100px; height: 100px;"><p> Ex Cuirassé de la Marine </p></div></div>[/td]
[td]<div class="boite_med"><img src="http://image.noelshack.com/fichiers/2016/37/1474025427-1471026627-sans-titref-imagesia-com-pd5i-cokpier-imagesia-com-pdlyw.png" style="border: 3px solid darkred; width: 100px; height: 100px;"><p> Ex Cuirassé de la Marine </p></div></div>[/td]
[td]<div class="boite_med"><img src="http://image.noelshack.com/fichiers/2016/37/1474025425-sans-tsditre.png" style="border: 3px solid darkred; width: 100px; height: 100px;"><p> Commandant Wilson, Homme de main. </p></div></div>[/td]
[td]<div class="boite_med"><img src="http://image.noelshack.com/fichiers/2016/37/1474027688-sans-dqtitre.png" style="border: 3px solid darkred; width: 100px; height: 100px;"><p> Marvin, Pacifista, Homme de main.  </p></div></div>[/td]
[/tr]
[/table]


Du coup, j'ai rassemblé de vieux souvenirs pour essayer de repartir sur des bases saines, et je me suis rappelé du codage de l'infobulle < div class="infobulle" > ce genre de trucs, mais ça a pas l'air de marcher ici, je me retrouve avec le texte en dessous de l'image, ce qui est pas terrible.

Je suppose que le code de l'infobulle est pas rentré dans le codage de base du forum, mais du coup, comment je peux faire, quelqu'un aurait une idée?


D'avance merci
  • https://www.onepiece-requiem.net/t17349-red
  • https://www.onepiece-requiem.net/t2638-red-termine