Comment placer mon image dans mon code ?

[Laférosse]

Bonjour. J'ai fait un code pour obtenir un message sur la page d'accueil mais je n'arrive pas à y insérer une image. C'est trop complexe pour moi, malgré plusieurs essais. Pouvez-vous m'aider à compléter mon code ? svp.

Mon code :

Code:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tilt Warp" />
<div style="width:850px;height:95px;background: #49C0E7; border: 0px #000000 solid ; font-family: Roboto; color: #ffffff; text-align: center; font-size: 20px; padding:10px;box-sizing:border-box;margin:auto; border-radius: 2px;">
                                                                       Tu veux faire partie de la communauté Bubble Gum ?  Rien de plus simple !  <br />  Crée un profil et retrouve tes amis sur les différents salons de discussion. <br /> <a target="_blank" class="LIEN-CLI" href="https://bubblegum.forumactif.com/register">Clique ICI.</a>
</div>
 <br /> <br />     

Et voici où je voudrai insérer mon image.



Merci par avance.


Je précise que pour le moment l'image figure avec un js, que je ne désire pas garder cette méthode car l'image change d'emplacement selon les écrans et que sur mobil c'est la cata.

[Toryudo]

Bonjour !

Il y a en gros deux modifications à faire :
- mettre l'image en position absolute à l'intérieur du div
- mettre le div en position relative

De cette façon, peu importe la résolution, l'image sera toujours au même endroit relativement au div.
J'ai récupéré l'image et son lien, et voici un exemple qui doit fonctionner :

Code:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tilt Warp" />
<div style="position:relative;width:850px;height:95px;background: #49C0E7; border: 0px #000000 solid ; font-family: Roboto; color: #ffffff; text-align: center; font-size: 20px; padding:10px;box-sizing:border-box;margin:auto; border-radius: 2px;">
Tu veux faire partie de la communauté Bubble Gum ? Rien de plus simple !<br /> Crée un profil et retrouve tes amis sur les différents salons de discussion.<br /> <a target="_blank" class="LIEN-CLI" href="https://bubblegum.forumactif.com/register">Clique ICI.</a>
<div style="position:absolute;top:-96px;right:-70px;"><a href="https://bubblegum.forumactif.com/register"><img src="https://zupimages.net/up/23/23/3q4g.png" alt="" title="Rejoins-nous !" width="155" height="205"></a></div>
</div>
<br /><br />

Vous pouvez ajuster les valeurs top et right si vous voulez positionner l'image encore plus précisément !

[Laférosse]

Bonjour. C'est parfait. Merci beaucoup.