Tutoriel comment mapper une image avec Dream

raffaele -  
RAD ZONE Messages postés 5362 Statut Contributeur -
Bonjours a tous je recherche un tutoriel sur comment mappée une image avec Dreamweaver 8

Merci de votre aide.

Raffaële
Configuration: Windows XP
Internet Explorer 7.0

4 réponses

  1. raffaele
     
    Baladur13 Merci pour ton aide mais sur google j'ai chercher j'ai pas trouver
    0
  2. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    SALUT
    voila un exrmple d image map en css
    <style type="text/css">
          <!--
          #image {
          width : 576px;
          height: 432px;
          background: url(Ton image.jpg)  no-repeat;
          }
          #zone1 {
          float: left;
          width : 150px;
          height: 100px;
          margin-left: 220px;
          margin-top: 30px;
          border: 1px dotted white;
          }
          #zone2 {
          float: left;
          width : 100px;
          height: 200px;
          margin-left: 50px;
          margin-top: 100px;
          border: 1px dotted white;
          }
          #image a span {
          position: absolute;
          left: -500em;
          top: -500em;
          text-indent: -500em;
          }
          -->
        </style>
      </head>
      <body>
    
        <div id="image">
          <a id="zone1" href="#" title="zone 1 ">
            <span>
              intitulé du lien 1
            </span></a>
          <a id="zone2" href="#" title="zone 2 ">
            <span>
              intitulé du lien 2
            </span></a>
        </div>
    
        <p>
          Les zones cliquables ont été volontairement entourées d'une bordure pour pouvoir les visualiser.<br />
         
        </p>
      </body>


    RAD
    0