Deux images sur une même ligne

**ahmedpa** · 12/07/2012, 18h44

Bonsoir ,

Je me bloque sur comment peut-on mettre deux image en même ligne j'ai essayé ce code et il ne marche pas il m'affiche le deuxième script à la ligne suivante

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div class="Pub_Bloc_Droit" align="left">
<img src="css/images/england.jpg"></img>
</div>
 
<div class="Pub_Bloc_Droit" align="right">
<script type="text/javascript" charset="utf-8" src="http://www.gambling-affiliation.com/cpm/v=1eKmc8guiR4GD3vV8WzJX9Wja8zDTszG5UUKQXyN7Oo_"></script>
</div>

J'ai besoin de votre aide svp ! Merci

**NoSmoking** · 12/07/2012, 19h09

Bonjour,
en premier la balise IMG n'accepte pas de balisage de fin donc exit </img>.

Mets tes deux images dans des conteneur que tu fais flotter à droite pour l'un est à gauche pour l'autre, l'ensemble est à mettre dans un conteneur commun.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<body>
  <div>
    <span style="float:left">
      <img src="http://www.developpez.net/template/images/logo.png">
    </span>
    <span style="float:right">
      <script type="text/javascript" charset="utf-8" src="http://www.gambling-affiliation.com/cpm/v=1eKmc8guiR4GD3vV8WzJX9Wja8zDTszG5UUKQXyN7Oo_"></script>
    </span>
  </div>
</body>

ou pour être tout simplement à côté tu supprimes les conteneurs

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<body>
  <img src="http://www.developpez.net/template/images/logo.png">
  <script type="text/javascript" charset="utf-8" src="http://www.gambling-affiliation.com/cpm/v=1eKmc8guiR4GD3vV8WzJX9Wja8zDTszG5UUKQXyN7Oo_"></script>
</body>

**ahmedpa** · 12/07/2012, 19h17

Merci ça marche !
et s'il vous plait comment puis-je mettre par exemple plus qu'un lien à l’intérieur d'une image?
par exemple je trouve lien 1 et lien 2 et chacun il m'en mène à une page??

**NoSmoking** · 12/07/2012, 20h21

tu peux utiliser les MAP.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!doctype html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[Utilisation de MAP]</title>
</head>
<body>
  <img src="http://www.developpez.net/template/images/logo.png" usemap="#developpez">
  <map name="developpez">
    <area shape="rect" coords="0, 0,217,44" href="page_1.html" alt="allez à la page_1">
    <area shape="rect" coords="0,45,217,90" href="page_2.html" alt="allez à la page_2">
  </map>
</body>
</html>

**ahmedpa** · 12/07/2012, 20h42

Oui ça marche mais je veux au fait visualiser le texte "allez vers page 1" sur la photo! y a pas un moyen pour faire ça ?

**NoSmoking** · 12/07/2012, 20h47

il te faut ajouter un attribut title à tes AREA

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<area shape="rect" coords="0, 0,217,44" href="page_1.html" alt="lien page_1" title="allez à la page_1">

**ahmedpa** · 12/07/2012, 21h01

ça le même résultat ça s'affiche pas

**NoSmoking** · 12/07/2012, 22h54

...mais je veux au fait visualiser le texte "allez vers page 1" sur la photo!

il faut que tu développes un peu ton besoin car title doit apparaître au passage de la souris.

**ahmedpa** · 13/07/2012, 10h25

Ok Merci !

Deux images sur une même ligne

HTML

Discussions similaires

Partager

Partager