Positionner une image dans une page html

Résolu/Fermé

Html

Cbast7 Messages postés 112 Date d'inscription jeudi 31 janvier 2008 Statut Membre Dernière intervention 15 juin 2011 - 4 juil. 2009 à 13:45
Kratos - 24 nov. 2017 à 14:58

Bonjour,

J'aimerais donc placer une images dans une page html , c'est à dire la positionner à l'endroit voulu ,dans mon cas sa serais à coté d'un texte et non pas en bas de la page. comment faire svp?

A voir également:

Positionner une image html
Comment changer la position d'une image en html - Meilleures réponses
Position image html - Meilleures réponses
Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
Image iso - Guide
Editeur html - Télécharger - HTML
Légender une image - Guide
Br html ✓ - Forum Webmastering

2 réponses

Réponse 1 / 2

monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 131
Modifié le 4 févr. 2019 à 17:56

Voici un exemple pour ce que tu demandes :

[HTML]

<img class="left" src="image.jpg" width="225" height="150" alt="" title="" />
<h2>Un sous-titre.</h2>
<p>Un paragraphe.</p>

[CSS]

.left { float:left; margin:0 10px 0 20px; } // marge = haut,droite,bas,gauche

Remarque, pour faire plus simple tu peux faire :

<img class="left" 
src="image.jpg" width="225" height="150" 
alt="" title="" style="float:left;margin:0 10px 0 20px;" />

Bonne journée.

monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 131
4 juil. 2009 à 14:11

Remarque, pour faire plus simple tu peux faire :

<img class="left" src="image.jpg" width="225" height="150" alt="" title="" style="float:left;margin:0 10px 0 20px;" />

Cbast7 Messages postés 112 Date d'inscription jeudi 31 janvier 2008 Statut Membre Dernière intervention 15 juin 2011 21
4 juil. 2009 à 14:15

oui , je prefere travailler avec le css , cela va m'en apprendre d'avantage mais si je voit que je lutte un peu biensure je ferais avec ce code là =)

Réponse 2 / 2

Cbast7 Messages postés 112 Date d'inscription jeudi 31 janvier 2008 Statut Membre Dernière intervention 15 juin 2011 21
5 juil. 2009 à 02:00

Pour ceux qui souheterais positonner une image , il faut just rentrer les balise <SPAN> </SPAN>

exemple :

<SPAN style="position: absolute; top: 80 px; left: 100 px;width: 103px; height: 61px">
<IMG SRC="test.jpg" >
</SPAN>

monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 131
5 juil. 2009 à 11:27

Pour le positionnement c'est comme on veut et dépend du contenu...

<span> est une balise de type En-ligne, comme <img et <input par exemple!

<div> est une balise de type Bloc, comme <p> par exemple.

Dans ton cas, il semble que ce soit le bon choix ! ;-)

Discussions similaires

Positionnement d'image en css..

Html 5 Positionner ses images

HTML pour image à droite

la balise pour la réduction d'une image

Lien HTML sur une image...

comment agrandir une image en css