Je suis un débutant dans le codage et je veux placer le texte devant la photo.
J'utilise Komodo. Voici mon code:
3 Réponses :
Basé sur vos balises, voici une solution CSS. Ajoutez ceci entre votre
Espérons que vous voulez dire le
Un point-virgule ; doit être à la fin de chaque ligne.
Et vous n'avez pas copié le code exactement comme je l'ai.
Cela devrait être, s'il vous plaît laissez un commentaire si vous avez besoin de plus d'aide. Cela positionnera le texte sur l'image et la mettre au centre.
div {
position: relative;
text-align: center;
}
image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
J'ai une solution pour vous ici, mais cela peut être mis en œuvre de différentes manières différentes.
p>
<div id="bandeau">
<div id="contenu">
<img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_1280.jpg" alt="photo d'aceuil">
<h1>Pour ma nadette</h1>
<h2>Mon amoureuse</h2>
<h3>Je t'aime</h3>
</div>
</div>
Au début, vous pouvez utiliser CSS
Float: gauche sur votre étiquette imgQue voulez-vous devant cela? Vous pouvez simplement mettre le texte du texte de![]()
Il n'y a aucun code dans la question. Il y a une photo, mais tout ce que je sais à ce sujet est "Entrez la description de l'image ici". Veuillez copier et coller votre code, en tant que texte, dans la question, en surbrillez-la, puis appuyez sur CTRL-K ou sur le bouton
{} .S'il vous plaît, écrivez le code au lieu d'utiliser des images dans votre prochaine question. À propos de votre question, je pense que votre div
#Contenu doit êtrePosition: relative , après cela, chaque contenu à l'intérieur peut être une position: absolu et Vous pouvez contrôler avechaut ,gauche , etc. Essayez ceci.