Placer des images où l'on veut.
Résolu
Samuel
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention - 11 janv. 2009 à 17:07
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention - 11 janv. 2009 à 17:07
A voir également:
- Placer des images où l'on veut.
- Placer des points sur une carte - Guide
- Des images - Guide
- Images enregistrées - Forum Bureautique
- Extraire images pdf - Guide
- Ou se placer accor arena ✓ - Forum Loisirs / Divertissements
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.