Placer des images où l'on veut.
Résolu
Samuel
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je voudrais savoir comment Faire ceci :
https://i62.servimg.com/u/f62/12/42/00/02/questi10.jpg
ce que je veux dire c'est comment mettre une image a gauche, et du texte a droite.
psk quand je met une image, ensuite ça écrit automatiquement en bas de l'image.
Et cela fait parei quand je met un tableau, je peux pas en mettre cote à cote ça les met les uns sous les autres.
Cordialement, Samuel .
Je voudrais savoir comment Faire ceci :
https://i62.servimg.com/u/f62/12/42/00/02/questi10.jpg
ce que je veux dire c'est comment mettre une image a gauche, et du texte a droite.
psk quand je met une image, ensuite ça écrit automatiquement en bas de l'image.
Et cela fait parei quand je met un tableau, je peux pas en mettre cote à cote ça les met les uns sous les autres.
Cordialement, Samuel .
A voir également:
- Placer des images où l'on veut.
- Placer des points sur une carte - Guide
- Des images - Guide
- Extraire images pdf - Guide
- Images enregistrées - Forum Gravure
- Les images enregistrées n'apparaissent plus - Forum Bureautique
8 réponses
c'est exactement la même chose.
en premier il te faut un container ce sera plus simple pour l'intégrer dans le reste de la page.
on va dire que tu mets tout dans un <div id="image-left">
ensuite tu ajoute la balise que tu veux faire flotter, mettons ton image. il faut la mettre dans un <p id="image">.
et tu mets le reste à suivre, si tu as plusieurs balises à mettre, englobe dans un <div id="details">
pour mettre en page, tu fais flotter l'image et tu ajoutes un espacement gauche (de la largeur de l'image plus une petite marge) au reste.
là tu dois obtenir le comportement de base, reste à supprimer les marges inutiles et compagnie.
en premier il te faut un container ce sera plus simple pour l'intégrer dans le reste de la page.
on va dire que tu mets tout dans un <div id="image-left">
ensuite tu ajoute la balise que tu veux faire flotter, mettons ton image. il faut la mettre dans un <p id="image">.
et tu mets le reste à suivre, si tu as plusieurs balises à mettre, englobe dans un <div id="details">
<div id="image-left"> <p id="image"><img src="file.png" width="200" height="150" alt="texte alternatif"/></p> <div id="details"> <p>blablabla</p> <p><a href="#nohref">lien vers blabala</a></p> </div> </div>
pour mettre en page, tu fais flotter l'image et tu ajoutes un espacement gauche (de la largeur de l'image plus une petite marge) au reste.
p#image{
float:left;
}
div#details{
padding-left:220px;
}
là tu dois obtenir le comportement de base, reste à supprimer les marges inutiles et compagnie.
salut,
regarde cet exemple.
dans ce cas c'est avec du texte (<p>) mais ça fonctionne avec les autres balises.
regarde cet exemple.
dans ce cas c'est avec du texte (<p>) mais ça fonctionne avec les autres balises.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
bon, est-ce que tu as écris le code HTML de ce que tu veux faire ?
si oui, montre le nous (en mettant en forme avec le bouton "garder la mise en forme…).
si non, dis nous quelles infos tu veux faire figurer à côté de ton image.
si oui, montre le nous (en mettant en forme avec le bouton "garder la mise en forme…).
si non, dis nous quelles infos tu veux faire figurer à côté de ton image.