Html

Positionner une image dans une page html

Résolu

Cbast7 -

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.
monkey_monk
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

Réagir
1. Cbast7 Auteur
  
  ok merci mais c'est quoi déja le code que je doit inserer pour dire au html que j'utilise une feuille css ? car il faut mettre sa aussi nan?
  
  1
  
  Réagir
2. monkey_monk
  
  <link rel="stylesheet" type="text/css" media="all" href="style.css" />
  
  à mettre entre <head> et </head>.
  
  1
  
  Réagir
3. monkey_monk
  
  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
  
  Réagir
4. Cbast7 Auteur
  
  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éagir
5. monkey_monk
  
  Le dernier code que je t'ai donné n'est effectivement pas "très beau"... il vaut mieux travailler en séparant les éléments.
  
  Amuse-toi bien alors ! ;)
  
  1
  
  Réagir
Réponse 2 / 2
Cbast7 Auteur
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

Réagir
1. monkey_monk
  
  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
  
  Réagir

Positionner une image dans une page html

2 réponses

Discussions similaires

Newsletters