Texte sur une image

Résolu/Fermé
goudspide - 24 mars 2009 à 20:51
 Zhebulhon - 22 janv. 2010 à 15:14
Bonjour,
voilà mon interrogation, sur un site que je fabrique "à la main" avec html edit, j'ai une photo de mariage familiale, 70 personne datant de 50 ans environ.

par la balise MAP et circle, j'ai pu faire en sorte qu'en passant qon curseyr de souris sur un visage le visage devient cliquable et renvois vers une page html identifiant la personne,

je souhaiterai que sur cette photo en plaçant le curseur de la souris en plus que le visage soit cliquable il y ait une "bulle" info ou une zone dans laquelle pourrait apparaitre une info texte simple lié à chaque visage et donc variant en fonction des différent visage,

avez vous une astuce simple, pour moi à faire pour y arriver ?
merci à tous par avance

42 réponses

RAD ZONE Messages postés 5205 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 19 avril 2020 1 347
26 mars 2009 à 12:47
ALLEZ

un bon geste :_))

voila ta page avec les survol et tooltip !

je n ai fais que les 5 premiere (l infos ne corespond pas pour la 5 , tu mettra le bon texte !) a toi de faire les autres , mais tout est pres !!

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Le site de la famille IDOT
    </title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <meta name="description" content="Le site de la famille IDOT">
    <meta name="Copyright" content="® 2008 philippe IDOT">
    <meta name="ROBOTS" content="all">
    <meta name="Publisher" content="IDOT">
    <meta name="keywords" content="idot,goudspide,hisse-et-oh,hisseo,heoblog,blog,bonnevitesse,greffe de rein,rein,donneur vivant,don,don d'organe,organe,bricolage,aviation,construction,systÞme D,+criture,nouvelle,essais,po+sie,moto,harley davidson">
    <link rel="shortcut icon" href="favime.gif">
    <style type="text/css" >
      <!--
      html {
      padding:0px;
      margin:0px;
      }
      body {
      background-color: #e1ddd9;
      font-size: 12px;
      font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
      color:#564b47;
      padding:0px 20px;
      margin:0px;
      }
      p,  h2 {
      padding:10px;
      margin:0px
      }
      h1 {
      font-size: 11px;
      text-transform:uppercase;
      text-align: right;
      color: #564b47;
      background-color: #90897a;
      padding:5px 15px;
      margin:0px
      }
      h2 {
      font-size:14px;
      padding-top:10px;
      text-transform:uppercase;
      color: #564b47;
      background-color: transparent;
      }
      a {
      color: #ff66cc;
      font-size: 11px;
      background-color:transparent;
      text-decoration: none;
      }
      #menu {
      position: absolute;
      width: 200px;
      left: 20px;
      background-color: #ffffCC;
      padding:0px;
      margin:0px
      }
      #content {
      margin-left: 200px;
      background-color:#fff;
      overflow: auto;
      }
      img {
      margin:10px;
      border:none;
      }
        /*RAJOUTER LES DIV INFO ICI AUSSI*/
#info1 ,#info2, #info3, #info4, #info5{
	position: absolute;
	left: 400px;
	top: 250px;
	width: 350px;
	z-index: 1;
color: #c8ddda;
	background-color: #242424;
	visibility: hidden;
	border: solid 2px #222;
        filter:alpha(opacity=75);
       -moz-opacity:0.75;
        opacity: 0.75;
font-weight: bold;
text-align: center;
font-family: Courier, "Courier New", monospace;}
</style>
<script type="text/javascript">  
function afficher(info)
{
	var tooltip = document.getElementById(info);
	tooltip.style.visibility = "visible";
	run= true ;
}
function masquer(info)
{
	var tooltip = document.getElementById(info) ;
	tooltip.style.visibility = "hidden";
	run= false ;
}
 </script> 
      </head>
      <body>
        <div id="menu">
      <h1>PAGE d'ACCUEIL</h1>
      <p>Ce site est en construction, la construction évoluera au fur et à mesure de mon temps disponible et de la "matière première" que je pourrai y mettre.<br>
      <img src="travaux.gif"><br></p>
      <hr>
      <p>Pour vous mettre un peu l'eau à la bouche voici la photo du mariage de Michel et Colette IDOT (Née LECAT) je vous laisse découvrir qui est qui, la réponse viendra plus tard ;-)</p>
      </div>
      <hr>
      <div id="content">
      <p>Pour vous mettre un peu l'eau à la bouche voici la photo du mariage de Michel et Colette IDOT (Née LECAT) je vous laisse découvrir qui est qui, la réponse viendra plus tard ;-)</p>
      <br>
      <img src="numeriser0005.jpg" usemap="#Map" width="1000" height="728"> <map name="Map" id="Map">
      <area shape="circle" href="#" coords="25,400,13" onmousemove="afficher('info1')" onmouseout="masquer('info1')">
      <area shape="circle" href="#" coords="58,395,13" onmousemove="afficher('info2')" onmouseout="masquer('info2')">
      <area shape="circle" href="#" coords="90,415,13" onmousemove="afficher('info3')" onmouseout="masquer('info3')">
      <area shape="circle" href="#" coords="86,471,13" onmousemove="afficher('info4')" onmouseout="masquer('info4')">     
      <area shape="circle" href="#" coords="120,400,13" onmousemove="afficher('info5')" onmouseout="masquer('info5')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_6.htm" coords="120,457,13" onmousemove="afficher('info')" onmouseout="masquer('info')"> <!--LES NUMERO DES DIV INFO  A METTRE -->
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_7.htm" coords="133,492,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_8.htm" coords="149,393,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_9.htm" coords="165,416,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_10.htm" coords="178,476,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_11.htm" coords="207,331,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_12.htm" coords="219,371,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_13.htm" coords="215,460,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_14.htm" coords="232,317,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_15.htm" coords="257,325,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_16.htm" coords="273,349,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_17.htm" coords="249,454,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_18.htm" coords="270,462,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_19.htm" coords="293,299,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_20.htm" coords="346,292,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_21.htm" coords="327,334,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_22.htm" coords="318,370,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_23.htm" coords="342,439,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_24.htm" coords="329,474,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_25.htm" coords="366,475,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_26.htm" coords="385,328,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_27.htm" coords="375,358,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_28.htm" coords="392,446,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_29.htm" coords="416,498,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_30.htm" coords="419,310,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_31.htm" coords="445,332,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_32.htm" coords="428,367,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_33.htm" coords="480,297,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_34.htm" coords="504,330,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_35.htm" coords="490,352,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_36.htm" coords="475,367,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_37.htm" coords="496,398,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_38.htm" coords="536,301,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_39.htm" coords="539,361,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_40.htm" coords="573,438,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_41.htm" coords="599,294,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_42.htm" coords="568,316,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_43.htm" coords="587,351,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_44.htm" coords="632,329,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_45.htm" coords="643,360,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_46.htm" coords="640,439,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_47.htm" coords="638,490,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_48.htm" coords="668,298,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_49.htm" coords="709,287,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_50.htm" coords="694,319,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_51.htm" coords="692,352,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_52.htm" coords="682,441,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_53.htm" coords="712,446,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_54.htm" coords="728,475,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_55.htm" coords="783,275,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_56.htm" coords="756,323,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_57.htm" coords="747,355,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_58.htm" coords="769,424,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_59.htm" coords="776,467,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_60.htm" coords="806,463,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_61.htm" coords="807,343,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_62.htm" coords="829,432,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_63.htm" coords="845,461,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_64.htm" coords="867,379,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_65.htm" coords="894,422,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_66.htm" coords="913,365,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_67.htm" coords="943,412,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_68.htm" coords="966,381,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <area shape="circle" href="fiche%20mariage%20idot_lecat/tete_69.htm" coords="987,378,13" onmousemove="afficher('info')" onmouseout="masquer('info')">
      <!--LES NUMERO DES DIV INFO  A METTRE -->
      </map>
      <hr>
      <p>Et une autre , mais c'est plus particulier
      </p>
      <br>
      <img src="14_18.jpg">
      <br>
      <hr>
      <p>Pour m'‚crire, pour me faire part de vos remarques ou m'aider … corriger une ortographe r‚calcitrante, n'h‚sitez pas, le formulaire estfait pour ça!
        <br>je pourrais vous r‚pondre si vous me laissez votre adresse mail ;-)
        <br>merci.
      </p>
      <br>
      <img src="animsmile1.gif">
      <br>
      <p>
        <a href="mail.php">Ecrire … GOUDSPIDE</a>
      </p>
      <br>
      <hr>
      <!--LES DIV INFO DEBUT-->
      </div>
        <div id="info1">
        <p>Voici Mme SANSOZ Yvette, femme de SANSOZ René.
        </p>
      </div>
      <div id="info2">
        <p>Voici Mr SANSOZ René, marié à Yvette SANSOZ
        </p>
      </div>
      <div id="info3">
        <p>Voici Melle BOULANGER jeanine, fille de Boulanger Lucien marié avec Boulanger Madeleine (née IDOT, soeur de IDOT Michel le marié)
        </p>
      </div>
      <div id="info4">
        <p>Voici Mme SANSOZ Yvette, femme de SANSOZ René.
        </p>
      </div>
      <div id="info5">
        <p>Voici Melle BOULANGER jeanine, fille de Boulanger Lucien marié avec Boulanger Madeleine (née IDOT, soeur de IDOT Michel le marié)
        </p>
        <!--  METTRE LES  DIV INFO RESTANTES ICI -->
      <!--LES DIV INFO FIN-->
      </body>
</html>


a+
4
RAD ZONE Messages postés 5205 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 19 avril 2020 1 347
25 mars 2009 à 16:03
salut bg ;-))

oui cela peut ce faire en CSS , ce qui est une bonne chose , Exemple simple
mais il faut quand meme pas mal maitriser CSS et partir sur un squelette html css propre, ou gare aux heritages ;-)) !


A+
1
bg62 Messages postés 23378 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 24 novembre 2022 2 323
25 mars 2009 à 17:19
beau à voir, mais dis donc ... touriste ... t'es encore obligé de le faire en anglais ? scrogneugneu ...
@+ b g
0
RAD ZONE Messages postés 5205 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 19 avril 2020 1 347
26 mars 2009 à 13:55
ije viens de voir que a part Firefox un gros probleme sur les autres navigateur !!!! ?

regarde rien n apparais ???
exemple

Poutant tout ce qu il y as de valide !!
http://validator.w3.org/...

entonnant puisque le meme principe fonctionne parfaitement ici ..?
autre exemple

1
RAD ZONE Messages postés 5205 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 19 avril 2020 1 347
27 mars 2009 à 21:25
SALUT bg

tu as raison ! ;-)) je met le code de la version exemple qui est ICI et qui est valide W3C XHTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Le site de la famille IDOT</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Le site de la famille IDOT" />
<meta name="Copyright" content="?2008 philippe IDOT" />
<meta name="ROBOTS" content="all" />
<meta name="Publisher" content="IDOT" />
<meta name="keywords" content="idot,goudspide,hisse-et-oh,hisseo,heoblog,blog,bonnevitesse,greffe de rein,rein,donneur vivant,don,don d'organe,organe,bricolage,aviation,construction,syst? D,+criture,nouvelle,essais,po+sie,moto,harley davidson" />
<link rel="shortcut icon" href="favime.gif" />
<style type="text/css" >
/*<![CDATA[*/

      html {
      padding:0px;
      margin:0px;
      }
      body {
      background-color: #e1ddd9;
      font-size: 12px;
      font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
      color:#564b47;
      padding:0px 20px;
      margin:0px;
      }
      p,  h2 {
      padding:10px;
      margin:0px
      }
      h1 {
      font-size: 11px;
      text-transform:uppercase;
      text-align: right;
      color: #564b47;
      background-color: #90897a;
      padding:5px 15px;
      margin:0px
      }
      h2 {
      font-size:14px;
      padding-top:10px;
      text-transform:uppercase;
      color: #564b47;
      background-color: transparent;
      }
      a {
      color: #ff66cc;
      font-size: 11px;
      background-color:transparent;
      text-decoration: none;
      }
      #menu {
      position: absolute;
      width: 200px;
      left: 20px;
      background-color: #ffffCC;
      padding:0px;
      margin:0px
      }
      #content {
      margin-left: 200px;
      background-color:#fff;
overflow: hidden;}
      img {
      margin:10px;
      border:none;
      }
        /*RAJOUTER LES DIV INFO ICI AUSSI*/
#info1 ,#info2, #info3, #info4, #info5, #info6,#info7, #info8, #info9, #info10, #info11{
        position: absolute;
        left: 400px;
        top: 250px;
        width: 350px;
        z-index: 1;
color: #c8ddda;
        background-color: #242424;
        visibility: hidden;
        border: solid 2px #222;
        filter:alpha(opacity=75);
       -moz-opacity:0.75;
        opacity: 0.75;
font-weight: bold;
text-align: center;
font-family: Courier, "Courier New", monospace;}
/*]]>*/
</style>

<script type="text/javascript">

  
function afficher(info)
{
        var tooltip = document.getElementById(info);
        tooltip.style.visibility = "visible";
        run= true ;
}
function masquer(info)
{
        var tooltip = document.getElementById(info) ;
        tooltip.style.visibility = "hidden";
        run= false ;
}

</script>

</head>
<body>
<div id="menu">
<h1>PAGE d'ACCUEIL</h1>
<p>Ce site est en construction, la construction évoluera au fur et à mesure de mon temps disponible et de la "matière première" que je pourrai y mettre.<br />
<img src="travaux.gif"  alt="traveaux" /><br /></p>
<hr />
<p>Pour vous mettre un peu l'eau à la bouche voici la photo du mariage de Michel et Colette IDOT (Née LECAT) je vous laisse découvrir qui est qui, la réponse viendra plus tard ;-)</p>
</div>
<hr />
<div id="content">
<p>Pour vous mettre un peu l'eau à la bouche voici la photo du mariage de Michel et Colette IDOT (Née LECAT) je vous laisse découvrir qui est qui, la réponse viendra plus tard ;-)</p>
<br />

<img src="numeriser0005.jpg" usemap="#Map" width="1000" height="728" alt="famille" /><map name="Map" id="Map">
<area shape="circle" href="#" coords="25,400,13" alt="map" onmousemove="afficher('info1')" onmouseout="masquer('info1')" />
<area shape="circle" href="#" coords="58,395,13" alt="map" onmousemove="afficher('info2')" onmouseout="masquer('info2')" />
<area shape="circle" href="#" coords="90,415,13" alt="map" onmousemove="afficher('info3')" onmouseout="masquer('info3')" />
<area shape="circle" href="#" coords="86,471,13" alt="map" onmousemove="afficher('info4')" onmouseout="masquer('info4')" />
<!--LES NUMERO DES DIV INFO  A METTRE -->
<area shape="circle" href="#" coords="120,400,13" alt="map" onmousemove="afficher('info5')" onmouseout="masquer('info5')" />
<area shape="circle" href="#" coords="120,457,13" alt="map" onmousemove="afficher('info6')" onmouseout="masquer('info6')" />
<area shape="circle" href="#" coords="133,492,13" alt="map" onmousemove="afficher('info7')" onmouseout="masquer('info7')" />
<area shape="circle" href="#" coords="149,393,13" alt="map" onmousemove="afficher('info8')" onmouseout="masquer('info8')" />
<area shape="circle" href="#" coords="165,416,13" alt="map" onmousemove="afficher('info9')" onmouseout="masquer('info9')" />
<area shape="circle" href="#" coords="178,476,13" alt="map" onmousemove="afficher('info10')" onmouseout="masquer('info10')" />
<area shape="circle" href="#" coords="207,331,13" alt="map" onmousemove="afficher('info11')" onmouseout="masquer('info11')" />
<area shape="circle" href="12.htm" coords="219,371,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="13.htm" coords="215,460,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="14.htm" coords="232,317,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="15.htm" coords="257,325,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />

<area shape="circle" href="16.htm" coords="273,349,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="17.htm" coords="249,454,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="18.htm" coords="270,462,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="19.htm" coords="293,299,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="20.htm" coords="346,292,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="21.htm" coords="327,334,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="22.htm" coords="318,370,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="23.htm" coords="342,439,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="24.htm" coords="329,474,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="25.htm" coords="366,475,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="26.htm" coords="385,328,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="27.htm" coords="375,358,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="28.htm" coords="392,446,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="29.htm" coords="416,498,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="30.htm" coords="419,310,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="31.htm" coords="445,332,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="32.htm" coords="428,367,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />

<area shape="circle" href="33.htm" coords="480,297,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="34.htm" coords="504,330,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="35.htm" coords="490,352,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="36.htm" coords="475,367,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="37.htm" coords="496,398,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="38.htm" coords="536,301,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="39.htm" coords="539,361,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="40.htm" coords="573,438,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="41.htm" coords="599,294,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="42.htm" coords="568,316,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="43.htm" coords="587,351,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="44.htm" coords="632,329,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="45.htm" coords="643,360,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="46.htm" coords="640,439,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="47.htm" coords="638,490,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="48.htm" coords="668,298,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="49.htm" coords="709,287,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />

<area shape="circle" href="50.htm" coords="694,319,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="51.htm" coords="692,352,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="52.htm" coords="682,441,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="53.htm" coords="712,446,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="54.htm" coords="728,475,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="55.htm" coords="783,275,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="56.htm" coords="756,323,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="57.htm" coords="747,355,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="58.htm" coords="769,424,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="59.htm" coords="776,467,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="60.htm" coords="806,463,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="61.htm" coords="807,343,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="62.htm" coords="829,432,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="63.htm" coords="845,461,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="64.htm" coords="867,379,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="65.htm" coords="894,422,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="66.htm" coords="913,365,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />

<area shape="circle" href="67.htm" coords="943,412,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="68.htm" coords="966,381,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<area shape="circle" href="69.htm" coords="987,378,13" alt="map" onmousemove="afficher('info')" onmouseout="masquer('info')" />
<!--LES NUMERO DES DIV INFO  A METTRE --></map>
<hr />
<p>Et une autre , mais c'est plus particulier</p>
<br />
<img src="14_18.jpg" alt="message" /><br />
<hr />
<p>Pour m'écrire, pour me faire part de vos remarques ou m'aider à corriger une ortographe récalcitrante, n'hésitez pas, le formulaire est fait pour ça!<br />
je pourrais vous répondre si vous me laissez votre adresse mail ;-)<br />
merci.</p>
<br />

<img src="animsmile1.gif" alt="SANSOZ construc" /><br />
<p><a href="mail.php">Ecrire . GOUDSPIDE</a></p>
<br />
<hr />
<!--LES DIV INFO DEBUT--></div>
<div id="info1">
<p>Voici Mme SANSOZ Yvette, femme de SANSOZ René.</p>
<img src="7.png" alt="SANSOZ Yvette" /></div>
<div id="info2">
<p>Voici Mr SANSOZ René, marié à Yvette SANSOZ</p>
</div>
<div id="info3">
<p>Voici Melle BOULANGER jeanine, fille de Boulanger Lucien marié avec Boulanger Madeleine (née IDOT, soeur de IDOT Michel le marié)</p>

</div>
<div id="info4">
<p>Voici Mme SANSOZ Yvette, femme de SANSOZ René.</p>
</div>
<div id="info5">
<p>Voici Melle BOULANGER jeanine, fille de Boulanger Lucien marié avec Boulanger Madeleine (née IDOT, soeur de IDOT Michel le marié)</p>
</div>
<div id="info6">
<p>Voici Melle BOULANGER jeanine, fille de Boulanger Lucien marié avec Boulanger Madeleine (née IDOT, soeur de IDOT Michel le marié)</p>
</div>
<div id="info7">
<p>Voici Mme SANSOZ Yvette, femme de SANSOZ René.</p>
</div>

<div id="info8">
<p>Voici Mr SANSOZ René, marié à Yvette SANSOZ</p>
</div>
<div id="info9">
<p>Voici Melle BOULANGER jeanine, fille de Boulanger Lucien marié avec Boulanger Madeleine (née IDOT, soeur de IDOT Michel le marié)</p>
</div>
<div id="info10">
<p>Voici Mme SANSOZ Yvette, femme de SANSOZ René.</p>
</div>
<div id="info11">
<p>Voici Melle BOULANGER jeanine, fille de Boulanger Lucien marié avec Boulanger Madeleine (née IDOT, soeur de IDOT Michel le marié)</p>
</div>
<!--  METTRE LES  DIV INFO RESTANTES ICI -->

<!--LES DIV INFO FIN-->
</body>
</html>


si d autres veullent s en servir c est mieux !

A+
1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
goudspide Messages postés 22 Date d'inscription mardi 24 mars 2009 Statut Membre Dernière intervention 27 mars 2009 1
27 mars 2009 à 21:27
ok,

je vais détailler la page en lien, et je comprend bien l'utilité pour les moteurs,


effectivement, RAD à fait plus que m'aider il m'a mâché le travail et débuggé mes bêtises

merci à vous deux
1
je ne sais pas si c'est ce que tu attends mais essaye de mettre title="ce que tu veux ecrire" dans la balise area correspondante
0
goudspide Messages postés 22 Date d'inscription mardi 24 mars 2009 Statut Membre Dernière intervention 27 mars 2009 1
24 mars 2009 à 21:14
merci pour cette rapide réponse, mais étant un débutant, toujours un peu perdu dans ma mise en place des balise,

actuellement j'ai ecrit de cette façon "AREA SHAPE="circle" ensuite les coordonnées

comment dois je placer avec la syntaxe ce que vous proposez,

merci par avance
0
j'abrège au max mais :

<map>
<area shape="rect" coords="0,50,150,80" alt="Accueil" href="/accueil" title="blabla" />
</map>

ca doit ressembler a ca avec des argument dans la balise map et plusieur area...
0
goudspide Messages postés 22 Date d'inscription mardi 24 mars 2009 Statut Membre Dernière intervention 27 mars 2009 1
24 mars 2009 à 21:40
merci je vais essayer cette option,
rendez vous demain pu après demain pour savoir si ça marche
bonne soirée
0
RAD ZONE Messages postés 5205 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 19 avril 2020 1 347
24 mars 2009 à 22:03
SALUT

J ai adapte une reponse que j ai donne tout a l heure , a ce que tu demande !

avec un tout petit js et une tooltip qui apparait quand tu passe sur un lien du mapping !

les drapeaux dans ce petit exemple

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">     
  <head>             
    <title>RAD ZONE Webcreation          
    </title>      
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />       
    <meta name="author" content="http://radservebeer.free.fr" />         
    <meta name="generator" content="PSPad editor, www.pspad.com" /> 
<style type="text/css">

<!--          
#texte1 ,#texte2, #texte3{
	position: absolute;
	left: 200px;
	top: 100px;
	width: 350px;
	z-index: 1;
	text-indent: 8px;
	color: #ACCECE;
	background-color: #333;
	visibility: hidden;
	border: solid 2px #222;
        filter:alpha(opacity=80);
       -moz-opacity:0.80;
        opacity: 0.80; 
}
</style>
<script type="text/javascript">  
function afficher(info)
{
	var tooltip = document.getElementById(info);
	tooltip.style.visibility = "visible";
	run= true ;
}
function masquer(info)
{
	var tooltip = document.getElementById(info) ;
	tooltip.style.visibility = "hidden";
	run= false ;
}
 </script> 
  </head>     
      <body>          
      <div id="texte1">             
        <p>Lorem ipsum dolor sit amet consectetuer in amet urna In rhoncus. Eget Phasellus vitae Nulla pulvinar cursus ac nec enim feugiat orci. Cursus semper sagittis dignissim nec Nunc Curabitur Cum justo in nibh. Feugiat aliquam Phasellus molestie sed In mattis velit justo parturient Aliquam. Auctor orci quis risus nisl vitae ut justo et venenatis lacinia. Tincidunt consectetuer ut feugiat non dui ante facilisi quis nibh convallis.        
        </p>      
        <p>Vitae nascetur laoreet nascetur porttitor amet id Phasellus ac sagittis hendrerit. Laoreet metus Sed orci lorem senectus Nam convallis laoreet et Sed. Tortor elit natoque Nulla orci tempus et eu ut urna risus. Nisl tellus vel congue interdum vestibulum justo elit aliquet magna Vestibulum. Eros quis quis netus sociis Phasellus condimentum porta elit justo neque. Ut elit eros risus eget.       
        </p>      
        <p>Leo suscipit at elit est ac in velit cursus vel sed. Ligula massa id magna et Vestibulum adipiscing Sed Pellentesque urna montes. Cursus id elit Nulla sem consequat tincidunt Vestibulum et Fusce ac. Integer ut hendrerit wisi vitae feugiat fringilla adipiscing Nam Nulla lobortis. Semper mauris tincidunt rutrum sit justo vitae et Aliquam tempus elit. Cras quis sagittis Cras.       
        </p>      
        <p>Vestibulum Maecenas commodo id consequat tincidunt massa nibh libero congue orci. Auctor nibh tincidunt feugiat est Quisque et Curabitur mauris Morbi est. Lacinia tincidunt risus nibh tristique tincidunt nulla Vestibulum dictumst nec Aenean. Pretium dui metus quis Aenean vel tellus sagittis ac et eget. Suspendisse risus Aliquam turpis at orci Quisque urna wisi nibh interdum. Mauris Aenean Sed lacinia pretium fringilla ut elit dui pede.       
        </p>         
      </div>   
      <div id="texte2">             
        <p>Lorem ipsum dolor sit amet consectetuer in amet urna In rhoncus. Eget Phasellus vitae Nulla pulvinar cursus ac nec enim feugiat orci. Cursus semper sagittis dignissim nec Nunc Curabitur Cum justo in nibh. Feugiat aliquam Phasellus molestie sed In mattis velit justo parturient Aliquam. Auctor orci quis risus nisl vitae ut justo et venenatis lacinia. Tincidunt consectetuer ut feugiat non dui ante facilisi quis nibh convallis.        
        </p>      
        <p>Vitae nascetur laoreet nascetur porttitor amet id Phasellus ac sagittis hendrerit. Laoreet metus Sed orci lorem senectus Nam convallis laoreet et Sed. Tortor elit natoque Nulla orci tempus et eu ut urna risus. Nisl tellus vel congue interdum vestibulum justo elit aliquet magna Vestibulum. Eros quis quis netus sociis Phasellus condimentum porta elit justo neque. Ut elit eros risus eget.       
        </p>             
      </div>
       <div id="texte3">             
        <p>Lorem ipsum dolor sit amet consectetuer in amet urna In rhoncus. Eget Phasellus vitae Nulla pulvinar cursus ac nec enim feugiat orci. Cursus semper sagittis dignissim nec Nunc Curabitur Cum justo in nibh. Feugiat aliquam Phasellus molestie sed In mattis velit justo parturient Aliquam. Auctor orci quis risus nisl vitae ut justo et venenatis lacinia. Tincidunt consectetuer ut feugiat non dui ante facilisi quis nibh convallis.        
        </p>      
        <p>Vitae nascetur laoreet nascetur porttitor amet id Phasellus ac sagittis hendrerit. Laoreet metus Sed orci lorem senectus Nam convallis laoreet et Sed. Tortor elit natoque Nulla orci tempus et eu ut urna risus. Nisl tellus vel congue interdum vestibulum justo elit aliquet magna Vestibulum. Eros quis quis netus sociis Phasellus condimentum porta elit justo neque. Ut elit eros risus eget.       
        </p>
         <p>Vitae nascetur laoreet nascetur porttitor amet id Phasellus ac sagittis hendrerit. Laoreet metus Sed orci lorem senectus Nam convallis laoreet et Sed. Tortor elit natoque Nulla orci tempus et eu ut urna risus. Nisl tellus vel congue interdum vestibulum justo elit aliquet magna Vestibulum. Eros quis quis netus sociis Phasellus condimentum porta elit justo neque. Ut elit eros risus eget.       
        </p>            
      </div>                      
      <img src="http://roudour.web-zik.net/kit2/images/header.png" width="900" border="0" usemap="#imap" >         
      <map id="imap" name="imap" >                
        <area shape="rect" coords="714,260,752,285" alt="" title="" href="http://#"onmousemove="afficher('texte1')" onmouseout="masquer('texte1')">                
        <area shape="rect" coords="756,260,785,285" alt="" title="" href="http://#"onmousemove="afficher('texte2')" onmouseout="masquer('texte2')">                         
        <area shape="rect" coords="792,260,825,285" alt="" title="" href="http://#"onmousemove="afficher('texte3')" onmouseout="masquer('texte3')">        
      </map>        
    </body>
</html>  
 
0
goudspide Messages postés 22 Date d'inscription mardi 24 mars 2009 Statut Membre Dernière intervention 27 mars 2009 1
25 mars 2009 à 13:38
bonjour à tous,

j'ai essayé la méthode de BENJ , en fonction de l'ordre de programmation soit j'ai la main avec renvois au lien soit j'ai effectivement le texte qui s'affiche mais la zone n'est plus cliquable :-(

j'ai essayé la méthode de RED, c'est effectivement ce que je souhaite faire, le principe des petits drapeaux de langues qui renvois vers une page différente mais c'est une image pas une partie d'image

et la programation tel que proposée au dessus ne fonctionne pas

j'aimerais bien avoir la bonne solution merci ceux qui se creusent les méninges pour m'apporter leur aide
0
RAD ZONE Messages postés 5205 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 19 avril 2020 1 347
25 mars 2009 à 13:45
le principe des petits drapeaux de langues qui renvois vers une page différente mais c'est une image pas une partie d'image

?????? c est une seule image , mais mappe sur les drapeaux !! donc c est bien une partie de l image

et la programation tel que proposée au dessus ne fonctionne pas ?????????

voila un Exemple avec le code mis sur le post precedent !
0
goudspide Messages postés 22 Date d'inscription mardi 24 mars 2009 Statut Membre Dernière intervention 27 mars 2009 1
25 mars 2009 à 13:52
merci RAD ZONE, désolé d'avoir écorché ton pseudo,

ta programmation au dessus ne marche pas sous "html edit" j'ai une info d'erreur de scénario javascript

sinon j'ai été voir ton exemple c'est exactement ce que je veux faire, reste à moi de réussir à le transposer, mais c'est donc du java et non plus du html de base ??

merci encore
0
RAD ZONE Messages postés 5205 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 19 avril 2020 1 347
25 mars 2009 à 14:05
ta programmation au dessus ne marche pas sous "html edit" j'ai une info d'erreur de scénario javascript

change d editeur !!
Notepad++
PSPad

mais c'est donc du java et non plus du html de base ??
non c est du simple html css avec un mapping ,avec un petit javascript utilisant document.getElementById

pour faire apparaitre et disparaitre la bulle d info sur les onmouse.... des liens mappe!
0
goudspide Messages postés 22 Date d'inscription mardi 24 mars 2009 Statut Membre Dernière intervention 27 mars 2009 1
25 mars 2009 à 14:12
merci beaucoup, pour tout,

je vais donc étudier tout ça, et je vous dirais si je m'en suis sorti,

à bientôt
0
RAD ZONE Messages postés 5205 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 19 avril 2020 1 347
25 mars 2009 à 14:14
si tu ne sais pas mapper une image a la main ! regarde cette reponse et les liens qui y sont !
http://www.commentcamarche.net/forum/affich 11665634 aide mapping?#7
a+
0
goudspide Messages postés 22 Date d'inscription mardi 24 mars 2009 Statut Membre Dernière intervention 27 mars 2009 1
25 mars 2009 à 14:18
oui je sais maper à la main mon image,

c'est d'ailleurs en fouillant sur ce forum que j'ai trouvé la solution,

j'essaye de fouiller les archives avant de déranger la communauté pour la n'ième question déjà posée cent mille fois,

si j'ai posé ma question c'est que je n'avais pas trouvé,

merci ;-)
0
bg62 Messages postés 23378 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 24 novembre 2022 2 323
25 mars 2009 à 15:19
salut RAD, chapeau ta demo !!!
un autre lien pour faire en css les 'bulles' :
http://peutetreunereponse.over-blog.com/article-6614978.html
b g
0
goudspide Messages postés 22 Date d'inscription mardi 24 mars 2009 Statut Membre Dernière intervention 27 mars 2009 1
25 mars 2009 à 17:28
merci pour tous ces exemples c'est exactement ce que je veux faire,

RAD je ne sais pas si le mot "touriste" s'adresse à moi, mais je le prend comme tel et c'est bien vrai je suis vraiment touriste dans la création à la main d'une page web, mdr

je vous donne le lien du site en question,

http://familleidot.free.fr/index.html

vous pouvez y allez de vos commentaires, m'y suis je bien pris, et est ce que vos propositions vont être simple à appliquer dans ma façon d'avoir fait ou va t il falloir reprendre l'ensemble ?

merci d'avance et ne vous inquiétez pas je ne suis pas susceptible, j'accepte les critiques constructives ;-)
0
bg62 Messages postés 23378 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 24 novembre 2022 2 323
25 mars 2009 à 17:31
"touriste"
c'est pour RAD et on se comprend ...
b g
0
goudspide Messages postés 22 Date d'inscription mardi 24 mars 2009 Statut Membre Dernière intervention 27 mars 2009 1
26 mars 2009 à 12:52
bonjour,

wahouuuuuu !!!!!!!!!! alors là je n'en demandais pas tant, mais quelle gentillesse moi qui essayait de voir comment mettre le machin à coté du truc etc etc,

franchement , merci beaucoup !!!!!!!!!!!!!!!!!!!!

c'est ce qui s'appelle du travail mâché

grand merci !!!!!!!!!
0