Positionner une image dans une page html

Résolu

Html

Cbast7 Messages postés 118 Statut Membre -
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?

Configuration: Windows XP
Firefox 3.0.11

Afficher la suite

2 réponses

Réponse 1 / 2

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.

approuvée par Jean-François Pillou
monkey_monk Messages postés 611 Date d'inscription Statut Membre Dernière intervention 132
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.
70
1. monkey_monk Messages postés 611 Date d'inscription Statut Membre Dernière intervention 132
  
  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;" />
  
  17
2. Cbast7 Messages postés 118 Statut Membre 21
  
  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à =)
  
  3
Réponse 2 / 2
Cbast7 Messages postés 118 Statut Membre 21

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>
13
1. monkey_monk Messages postés 611 Date d'inscription Statut Membre Dernière intervention 132
  
  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 ! ;-)
  
  0

Positionner une image dans une page html

2 réponses

Discussions similaires

Newsletters