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">

Deux images sur une même ligne

HTML

Vue hybride

Discussions similaires

Partager

Partager