Comment placer mon image dans mon code ?
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Comment placer mon image dans mon code ?
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 :
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.
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.
Re: Comment placer mon image dans mon code ?
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 :
Vous pouvez ajuster les valeurs top et right si vous voulez positionner l'image encore plus précisément !
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 !
Re: Comment placer mon image dans mon code ?
Bonjour. C'est parfait. Merci beaucoup.
Sujets similaires
» Comment faire pour placer la bonne image titre de mon forum, ici
» Comment placer une image à l'endroit souhaité?
» Comment placer une image en fond de message
» Code HTML a placer dans Javascript
» Comment placer une petite image devant mes sous forum
» Comment placer une image à l'endroit souhaité?
» Comment placer une image en fond de message
» Code HTML a placer dans Javascript
» Comment placer une petite image devant mes sous forum
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum