Image à droite

mathieu -
Gihef Messages postés 5165 Statut Contributeur - 13 juil. 2007 à 23:56

Bonsoir , dans un simple div je souhaite mettre 2 images centrées à droite du div , tout simplement , c'est faisable ?

merci

Configuration: Windows XP
Firefox 2.0.0.4

Afficher la suite

4 réponses

Réponse 1 / 4
mathieu

je précise que ces 2 petites images doivent être alignées et qu'elles donnent accès à un lien .
0
Réponse 2 / 4
s.spark Messages postés 2528 Statut Contributeur 618

Salut,

J'ai encore jamais rien vu de centré à droite :p
0
1. Gihef Messages postés 5165 Statut Contributeur 2 781
  
  Moi non plus.
  Sauf si on a, encore, quelques précisions ;-)
  
  0
Réponse 3 / 4
mathieu

2 images à droite tt simplement , vous avez un div mettons de 800px de large , et 2 petites images , elles doivent etre alignées à droite tt simplement
0

Gihef Messages postés 5165 Statut Contributeur 2 781

C'est déjà une précision.

Alors, essaye ça :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title></title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <!--<link rel="stylesheet" href="stylescss.css" type="text/css">
    <link rel="shortcut icon" href="../favicon.ico" >
    <base HREF="http://">-->

    <style type="text/css">
    html, body {
        margin: 0;
        padding: 0;
        text-align: center;
        }
    #conteneur {
        position: relative;
        margin: 0 auto;
        width: 760px;
        text-align: left;
        }
    #les_images {
      text-align : right;
      border : 1px dotted #888;
      }
   #les_images span {
      padding : 1px 5px;
      }
    </style>

</head>
<body>
  <div id="conteneur">
  <div id="les_images">
  
  <!-- border pour voir les images en leur absence -->
    <span>
      <a href="#">
        <img src="image1.png" alt="1re image" title="1re image avec un lien" width="50" height="20" border="1">
      </a>
    </span>
    <span>
      <a href="#">
        <img src="image2.png" alt="2e image" title="2e image avec un lien" width="50" height="20" border="1">
      </a>
    </span>

  </div>
  </div>
</body>
</html>

Tel quel ça marche.
Chaque image est dans une <span> aligné à droite par la <div> dans lequel elles se trouvent.
Elles sont aussi contenues dans des <a> pour les liens.

Si tu veux qu'elles soient les unes en-dessous des autres, remplace les <span> par des <p>.

Reste à savoir où, comment tu veux les placer dans ta page.

Image à droite

4 réponses

Discussions similaires

Newsletters