Positionner une image dans une page html [Résolu/Fermé]

Signaler
Messages postés
112
Date d'inscription
jeudi 31 janvier 2008
Statut
Membre
Dernière intervention
15 juin 2011
 -
 Kratos -
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:

2 réponses

Réponse 1 / 2
Messages postés
641
Date d'inscription
mercredi 1 juillet 2009
Statut
Membre
Dernière intervention
10 août 2012
 117
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.


55
Merci
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Afficher les 20 commentaires
Signaler
Messages postés
112
Date d'inscription
jeudi 31 janvier 2008
Statut
Membre
Dernière intervention
15 juin 2011
 18
J'ai bien mis le code qui est :

<img class="left" src="images\mic.jpg" width="205" height="300" alt="" title="" style="float:left;margin:0 10px 0 30px;" />

a coté du texte , mais ceci me déplace tout mon texte sur le site , plus rien n'est centrer.

( pour info j'ai changer d'image , c'est pour sa qu'elle s'apelle mic.jpg maintenant )

Donc comment faire svp?
Signaler
Messages postés
641
Date d'inscription
mercredi 1 juillet 2009
Statut
Membre
Dernière intervention
10 août 2012
 117
Essaye de mettre ton images comme ceci :

<img src="mic.jpg" width="205" height="300" alt="" /><br/>

Dis-moi si celà fonctionne pour toi ou non... au pire tu devras mettre ton image dans un div (<div></div>) et lui attribuer une position (par exmple : <div style="top:10px; martgin-bottom:10px;">ton image</div>)
Signaler
Messages postés
112
Date d'inscription
jeudi 31 janvier 2008
Statut
Membre
Dernière intervention
15 juin 2011
 18
yes sa fonctionne avec <img src="mic.jpg" width="205" height="300" alt="" /><br/>

Mais le souci c'est que tout mon texte a baisser =s en gros a droite de mon image y'a rien du tout et le texte est plus bas dans la page
Signaler
>
Messages postés
112
Date d'inscription
jeudi 31 janvier 2008
Statut
Membre
Dernière intervention
15 juin 2011
il faut enlever le <br/>
Signaler
Messages postés
46521
Date d'inscription
dimanche 20 janvier 2008
Statut
Modérateur
Dernière intervention
7 avril 2021
 10 256 >
Messages postés
112
Date d'inscription
jeudi 31 janvier 2008
Statut
Membre
Dernière intervention
15 juin 2011
surtout 6 ans après...
Réponse 2 / 2
Messages postés
112
Date d'inscription
jeudi 31 janvier 2008
Statut
Membre
Dernière intervention
15 juin 2011
 18
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>
Signaler
Messages postés
641
Date d'inscription
mercredi 1 juillet 2009
Statut
Membre
Dernière intervention
10 août 2012
 117
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 ! ;-)



Posez votre question