Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1771 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème d'ordre de superposition une image affichée avec onmouseover

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème d'ordre de superposition une image affichée avec onmouseover

n°1795727
stefane26
Posté le 05-10-2008 à 11:16:02  profilanswer
 

Bonjour
totalement novice dans la programmation d'un site internet, j'ai réussi quelques "prouesses" afin de créer mon site en feuilletant divers forums
Mon site est un site amateur météo, sur la page d'accueil, un tableau avec les principales données. En passant la souris sur une celulle du tableau apparait le graphique correspondant. Mon soucis est quece graphique s'affiche sous ma page et devient donc invisible. Lorsqu'on déplace la souris vers une celulle à doite du tableau on voit apparaitre un morceau du graphique (par dessous ma page principale et par dessus mon fond de page en pourtour)
J'utilise poue cela une feuille CSS, un script JAVASCRIPT pour créer la fonction "showtrail"
l'adresse du site est : www.meteo-montelo.fr
je vous joins mes codes :
 
la feuille CSS :

Code :
  1. body {
  2. color: #4e4e4e;
  3. font-size: 13px;
  4. font-family: comic sans ms;
  5. background-color: #838762;
  6. background-image: url(../images/fond.jpg);
  7. background-repeat: repeat-x;
  8. text-align: center;
  9. margin: 0px;
  10. height: 100%;
  11. position: relative;
  12. }
  13. #global {
  14. min-height: 100%;
  15. width: 1000px;
  16. padding: 0;
  17. margin: 0 auto;
  18. position: relative;
  19. height: 100%;
  20. }
  21. #page_radar {
  22. height: 800px;
  23. }
  24. img { border: 0; }
  25. span.spacer {
  26. height: 0.01em;
  27. overflow: hidden;
  28. display: block;
  29. width: 100%;
  30. clear: both;
  31. }
  32. span.tableau_valeur {
  33. color: #F25F2A;
  34. font-size: 20px;
  35. font-weight: bold;
  36. }
  37. /* ---------------------- */
  38. #header {
  39. width: 1000px;
  40. height: 223px;
  41. margin: 0 auto;
  42. background: url(../images/header1.jpg) no-repeat;
  43. }
  44. /* ---------------------- */
  45. #contenu {
  46. overflow: auto;
  47. text-align: left;
  48. padding-left: 50px;
  49. padding-bottom: 50px;
  50. background: url(../images/corp.jpg) repeat-y;
  51. }
  52. #left {
  53. width: 130px;
  54. float: left;
  55. }
  56. #right {
  57. width: 780px;
  58. float: left;
  59. }
  60. ul#menu {
  61. width: 120px;
  62. margin: 0;
  63. margin-left: 10px;
  64. padding: 0;
  65. list-style: none;
  66. }
  67. ul#menu li a {
  68.     font-size: 12px;
  69. display: block;
  70. color: #4e4e4e;
  71.     text-decoration: none;
  72. }
  73. ul#menu li a:hover {
  74.     color: #ffffff;
  75. background-color : #4e4e4e;
  76.     text-decoration: none;
  77. font-weight: bold;
  78. }
  79. h1 {
  80. color: #2e5a92;
  81. font-size: 20px;
  82.     margin-bottom: 15px;
  83. margin-top: 15px;
  84. padding-left: 0.5em;
  85. padding-bottom: 0.2em; 
  86. border-left: 3px solid #af799a;
  87. border-height: 5px;
  88.     line-height: 1.0;
  89. }
  90. h3 {
  91.     color: #2e5a92;
  92. font-size: 14px;
  93.     margin-bottom: 15px;
  94. margin-top: 15px;
  95. padding-left: 0.5em;
  96. padding-bottom: 0.2em;
  97. border-left: 3px solid #af799a;
  98. border-height: 5px;
  99.     line-height: 1.0;
  100. }
  101. h4 {
  102. color : #fefda3;
  103. font-size : 14px
  104. }
  105. #copyright {
  106.     padding-top: 6px;
  107. color: #ffffff;
  108. font-weight: bold;
  109. }
  110. #copyright a:link, #copyright a:visited {
  111. color: #ffffff;
  112.     text-decoration: none;
  113. }
  114. #copyright a:hover, #copyright a:active {
  115. color: #ffffff;
  116. font-weight: bold;
  117. text-decoration: none;
  118. }
  119. #menu_nav {
  120. float: left;
  121. height: 40px;
  122. text-align: left;
  123. background-color: transparent;
  124. color: #fefda3;
  125. font-weight: bold;
  126. margin-top: 30px;
  127. font-size: 14px;
  128. overflow: hidden;
  129. list-style: none;
  130. }
  131. #menu_nav li {
  132. float: left;
  133. margin-left: 0;
  134. padding-top: 5px;
  135. }
  136. #menu_nav li a {
  137. color: #fefda3;
  138. text-decoration: none; 
  139. background: url(../images/separateur.jpg) right center no-repeat;
  140. padding-right: 5px; 
  141. padding-left: 5px ;
  142. }
  143. #menu_nav li a:hover  {
  144.     background-color :#4e4e4e;
  145. color: #ffffff;
  146. text-decoration: none;
  147. }
  148. /* ---------------------- */
  149. #footer {
  150. width: 100%;
  151. height: 57px;
  152. margin: auto;
  153. background: url(../images/footer.jpg) top repeat-y;
  154. }
  155. #horloge {
  156. position: absolute;
  157. top: 60px;
  158. left: 10px
  159. }
  160. #date {
  161. position: absolute;
  162. top: 165px;
  163. left: 0px
  164. }
  165. #wdl {
  166. position: absolute;
  167. top: 280px;
  168. left: 70px
  169. }
  170. #climato {
  171. position: absolute;
  172. top: 270px;
  173. left: 70px
  174. }
  175. #radar {
  176. position: absolute;
  177. top: 280px;
  178. left: 150px
  179. }
  180. #compteur {
  181. position: absolute;
  182. top: 950px;
  183. left: 40px
  184. }
  185. #guestbook {
  186. position: absolute;
  187. top: 280px;
  188. left: 200px
  189. }


 
ma page en PHP :

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  3. <head>
  4.     <title>Météo de Montélimar (Drôme)</title>
  5. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  6. <meta HTTP-EQUIV="Refresh" CONTENT="60" />
  7. <meta name="author" content="stephane bec" />
  8. <meta name="language" content="fr" />
  9.     <meta name="description" content="station meteo amateur en direct de montélimar" />
  10.     <meta name="keywords" content="meteo, montelimar, montelo, stephane, bec, davis, vantage" />
  11. <link type="text/css" rel="stylesheet" href="css/style.css" />
  12. </head>
  13. <script language='javascript' src='filesearchhover.js' type='text/javascript'>
  14. </script>
  15. <body>
  16. <?php include("menu.php" ); ?>
  17.     <div id="right">
  18.         <h1>Bienvenue sur le site météo amateur de Montélimar</h1>
  19.  <p align="justify">Ne vous est-il jamais arrivé de dire :</br>
  20.  <i>"Oh ! cette année qu'est ce qu'il a fait comme pluie !</i> ou bien :<i>"On a eu un été pourri !"</i></br>
  21.  <b>Et bien, grâce à ce site, vous pourrez avoir la certitude de vos propos.</b></br></br>
  22.  Situé sur la commune de <b>Montélimar</b> dans le département de la Drôme, ce site retransmet en temps réel les relevés météorologiques issus d'une
  23.  station météo automatique <b>Vantage Pro 2</b> sans fil de <i>Davis Instruments</i>, relevés qui sont ensuite traités par le logiciel <b>WsWIN</b> de <i>Werner KRENN</i>.</br></br>
  24.  Ce site n'a donc pas la prétention de faire des prévisions (pour cela, vous trouverez sur la toile des sites de vrais professionnels), son but est en premier lieu de connaitre les
  25.  conditions météo à l'instant "T" mais aussi et surtout de garder trace des conditions passées, et ce, depuis le <b><i>26 août 2007</i></b>, date de la mise en service de la station.</br></br>
  26.  Les données sont mises à jour toutes les minutes, sauf problèmes éventuels de transmission.</br>
  27.  Cette page se rafraichit automatiquement</p></br>
  28.  <h1>Le temps en ce moment à Montélimar (Drôme - 26) en quelques chiffres</h1>
  29.   </br><table border="1" width="780" height="120" align="center">
  30.       <tr>
  31.           <td width="156" valign="top">
  32.               <center><font size="3px" color="#2e5a92"><b>Mise à jour</b></font></center>
  33.      <span class="tableau_valeur">
  34.      <?php
  35.       echo "<center>$heure_releve:$minute_releve</br></center>"
  36.      ?>
  37.      </span>
  38.      <font color="black" size="1px"><center>
  39.      </br>
  40.      <font color="black" size ="2px">
  41.      <b>
  42.      <?php
  43.       echo "<center>$jour_texte_releve</br>";
  44.       echo "$numero_jour_releve $mois_texte_releve $annee</center>"
  45.      ?>
  46.      </b>
  47.      </font>
  48.           </td>
  49.           <td width="156" valign="top" onmouseover="showtrail('./wswin/mini_currentt.gif','','',1,0,0);" onmouseout="hidetrail();">
  50.      <center><font size="3px" color="#2e5a92"><b>Température Ext.</b></font></center>
  51.      <span class="tableau_valeur">
  52.      <?php
  53.      echo "<center>$tempE</br></center>";
  54.      ?>
  55.      </span>
  56.     <font color="black" size="1px"><center>
  57.     Variation en 15 min :
  58.     <b>
  59.     <?php
  60.      echo "$tempEchangement15mn"
  61.     ?>
  62.     </b>
  63.     </br>
  64.     <font size="2px"><b>min</b>(
  65.     <?php
  66.      echo "$tempEmin0h_heure"
  67.     ?>
  68.     ) :
  69.     <font color="blue"><b>
  70.     <?php
  71.      echo "$tempEmin0h"
  72.     ?>
  73.     </b></font>
  74.     </br>
  75.     <b>max</b>(
  76.     <?php
  77.      echo "$tempEmax0h_heure"
  78.     ?>
  79.     ) :
  80.     <font color="red"><b>
  81.     <?php
  82.      echo "$tempEmax0h"
  83.     ?>
  84.     </b></font>
  85.     </center></font></font>
  86.     </td>
  87.           <td width="156" valign="top" onmouseover="showtrail('./wswin/mini_currentf.gif','','',1,0,0);" onmouseout="hidetrail();">
  88.               <center><font size="3px" color="#2e5a92"><b>Humidité Ext.</b></font></center>
  89.          <span class="tableau_valeur">
  90.      <?php
  91.       echo "<center>$humE</br></center>";
  92.      ?>
  93.      </span>
  94.     <font color="black" size="1px"><center>
  95.     </br>
  96.     <font size="2px"><b>min</b>(
  97.     <?php
  98.      echo "$humEmin0h_heure"
  99.     ?>
  100.     ) :
  101.     <font color="blue"><b>
  102.     <?php
  103.      echo "$humEmin0h"
  104.     ?>
  105.     </b></font>
  106.     </br>
  107.     <b>max</b>(
  108.     <?php
  109.      echo "$humEmax0h_heure"
  110.     ?>
  111.     ) :
  112.     <font color="red"><b>
  113.     <?php
  114.      echo "$humEmax0h"
  115.     ?>
  116.     </b></font>
  117.     </center></font></font>
  118.           </td>
  119.           <td width="156" valign="top" onmouseover="showtrail('./wswin/mini_currentv.gif','','',1,0,0);" onmouseout="hidetrail();">
  120.               <center><font size="3px" color="#2e5a92"><b>Vent</b></font></center>
  121.      <span class="tableau_valeur">
  122.      <?php
  123.       echo "<center>$vitesse_vent</br>";
  124.      ?>
  125.      <font size="2px" color="#000000">
  126.      <?php
  127.       echo "$vitesse_vent_bft</center>";
  128.      ?>
  129.      </font>
  130.      </span>
  131.      <font color="black" size="1px"><center>
  132.     <font size="2px">
  133.     <?php
  134.      echo"$dir_vent_texte";
  135.      echo "($dir_vent)</br>";
  136.      echo "$force_vent"
  137.     ?>
  138.           </td>
  139.           <td width="156" valign="top" onmouseover="showtrail('./wswin/mini_currentp.gif','','',1,0,0);" onmouseout="hidetrail();">
  140.               <center><font size="3px" color="#2e5a92"><b>Pluie</b></font></center>
  141.      <span class="tableau_valeur">
  142.      <?php
  143.       echo "<center>$intensite_pluie</br>";
  144.      ?>
  145.      <font color="black" size="1px"><center>
  146.     </br>
  147.     <font size="2px"><b>Cette heure :</b>
  148.     <?php
  149.      echo "$quantite_pluie1h"
  150.     ?>
  151.     </br>
  152.     <b>Ce jour :</b>
  153.     <?php
  154.      echo "$quantite_pluie_jour"
  155.     ?>
  156.     </center></font></font>
  157.           </td>
  158.       </tr>
  159.       <tr>
  160.     <td width="156" valign="top">
  161.               <center><font size="3px" color="#2e5a92"><b>Tendance</b></font></center>
  162.      <span class="tableau_valeur">
  163.      <?php
  164.       echo "<center>$previ</br>";
  165.       echo '<img src="../wswin/'.$icone_meteo.'" width=80 height=63></center></span>'
  166.      ?>
  167.           </td>
  168.     <td width="156" valign="top" onmouseover="showtrail('./wswin/mini_currentd.gif','','',1,0,0);" onmouseout="hidetrail();">
  169.               <center><font size="3px" color="#2e5a92"><b>Pression</b></font></center>
  170.      <span class="tableau_valeur">
  171.      <?php
  172.       echo "<center>$barE</br></center>";
  173.      ?>
  174.      </span>
  175.     <font color="black" size="1px"><center>
  176.     <font size="2px"><b>Tendance :</b></br>
  177.     <?php
  178.      echo "$barE_var1h</br>$barE_var6h</br>$bar_tendance"
  179.     ?>
  180.     </td>
  181.           <td width="156">
  182.              
  183.           </td>
  184.     <td width="156">
  185.               <p align="center">&nbsp;</p>
  186.           </td>
  187.     <td width="156">
  188.               <p align="center">&nbsp;</p>
  189.           </td>
  190.       </tr>
  191.    <tr>
  192.     <td colspan="5" valign="top">
  193.      <center><font size="3px" color="#2e5a92"><b>Prévision de la station Vantage</b></br></font></center>
  194.      <center><font size="4px" color="#F25F2A"><b>
  195.      <span class="tableau_valeur">
  196.          <?php
  197.        echo "$previVP2"
  198.       ?>
  199.       </b></font>
  200.       </center>
  201.      </span>
  202.           </td>
  203.    </tr>
  204.   </table></br></br>
  205.     <h1>Le temps en france et dans le monde en continu...</h1>
  206.  <table border="0" width="780" height="120" align="center">
  207.  <td width="534" valign="center" align="left">
  208.   <p><script type="text/javascript" src="http://www.meteo-world.com/rss/javascript1.php"></script></p>
  209.  </td>
  210.  <td width="82" valign="top" align="center"></br></br>
  211.   <font size="1px">Prévisions
  212.   <a href="http://www.meteociel.com/prevision/genprev1.php" title="Prévision de Météociel" target="_blank"></br>
  213.   <IMG src="http://www.meteociel.fr/prevision/mini/prev1_t.png" width=80 height=81> </a>
  214.   <a href="http://www.sat24.com/frame.php?html=view&country=fr&sat=ir" title="Couverture nuageuse" target="_blank">
  215.   <IMG src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=satmeteox&tijdid=20085201927" width=80 height=81></br></a>
  216.   Nuages
  217.   </font>
  218.  </td>
  219.  <td width="82" valign="top" align="center"></br></br>
  220.   <font size="1px">Vigi-crues
  221.   <a href="http://www.vigicrues.ecologie.gouv.fr/" title="Carte de vigilance des crues" target="_blank">
  222.   <IMG src="http://www.vigicrues.ecologie.gouv.fr/ftp/cruemax.png" width=80 height=81> </a>
  223.   <a href="http://www.meteox.fr/gmap.aspx?zoom=5&lat=47.9605023889151&lon=2.900390625" title="Carte des pluies" target="_blank">
  224.   <IMG src="http://www.meteox.nl/meteox-ani120phone.gif" width=80 height=81> </a>
  225.   Pluie
  226.   </font>
  227.  </td>
  228.  <td width="82" valign="top" align="center"></br></br>
  229.   <font size="1px">Vigilance
  230.   <a href="http://www.meteofrance.com/vigilance/index.html" title="Carte de vigilance Météo-France" target="_blank"></br>
  231.   <IMG src="http://www.meteofrance.com/vigilance/cartes/derniers/mn.gif" width=80 height=81> </a>
  232.   <a href="http://www.blitzortung.org/DF/Webpages/index.php?station=2&mode=0&map=7&lang=f" title="Carte des orages" target="_blank">
  233.   <IMG src="http://www.keraunos.org/accueil-suivi-orages-france.png" width=80 height=81></br></a>
  234.   Orages
  235.  </font></td>
  236.  </table></br></br>
  237.  <p><font size="1px" color="red"><center><b><i><u>AVERTISSEMENT</u> :</br>Les données météo publiées sur ce site sont issues d'une station météo amateur et personnelle.
  238.  Elles ne sont données qu'à titre indicatif</br>et ne peuvent en aucun cas être utilisées pour garantir la protection ni des personnes, ni de biens ou à toutes autres fins.</i></b></center></font> </p> 
  239. <table border="0" width="780" align="center">
  240. <td width="780" align="right">
  241.      <p align="right"><a href="http://www.xiti.com/xiti.asp?s=387316" title="WebAnalytics" target="_blank">
  242.  <script type="text/javascript">
  243.  <!--
  244.  Xt_param = 's=387316&p=';
  245.  try {Xt_r = top.document.referrer;}
  246.  catch(e) {Xt_r = document.referrer; }
  247.  Xt_h = new Date();
  248.  Xt_i = '<img width="39" height="25" border="0" alt="" ';
  249.  Xt_i += 'src="http://logv9.xiti.com/hit.xiti?'+Xt_param;
  250.  Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
  251.  if(parseFloat(navigator.appVersion)>=4)
  252.  {Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
  253.  document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
  254.  //-->
  255.  </script>
  256.  <noscript>
  257.  Mesure d'audience ROI statistique webanalytics par <img width="39" height="25" src="http://logv9.xiti.com/hit.xiti?s=387316&p=" alt="WebAnalytics" />
  258.  </noscript></a></p>
  259. </td>
  260. </table>
  261. </div>
  262. <span class="spacer">-</span>
  263. </div>
  264. <?php include("footer.php" ); ?>
  265. </body>
  266. </html>


 
et le code JAVASCRIPT :

Code :
  1. /*
  2. Simple Image Trail script- By JavaScriptKit.com
  3. Visit http://www.javascriptkit.com for this script and more
  4. This notice must stay intact
  5. */
  6. var itemWidth = 450;
  7. var offsetfrommouse=[15,15]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
  8. var displayduration=0; //duration in seconds image should remain visible. 0 for always.
  9. var currentimageheight = 201; // maximum image size.
  10. if (document.getElementById || document.all){
  11. document.write('<div id="trailimageid" style="position:absolute;visibility:hidden;left:0px;top:0px;width:1px;height:1px">');
  12. document.write('<img src="http://lacombe.dyndns.org/meteo/hourglass.jpg"> </div>');
  13. }
  14. function gettrailobj(){
  15. if (document.getElementById)
  16. return document.getElementById("trailimageid" ).style
  17. else if (document.all)
  18. return document.all.trailimagid.style
  19. }
  20. function gettrailobjnostyle(){
  21. if (document.getElementById)
  22. return document.getElementById("trailimageid" )
  23. else if (document.all)
  24. return document.all.trailimagid
  25. }
  26. function truebody(){
  27. return (!window.opera && document.compatMode && document.compatMode!="BackCompat" )? document.documentElement : document.body
  28. }
  29. function showtrail(imagename,title,description,showthumb,height, newItemWidth){
  30. if (newItemWidth != false) {
  31.  itemWidth = newItemWidth;
  32. }
  33. if (height > 0){
  34.  currentimageheight = height;
  35. }
  36. document.onmousemove=followmouse;
  37. cameraHTML = '';
  38. newHTML = '<div>';
  39. newHTML = newHTML + '<span>' + title + '</span><div class="borderbot"></div>';
  40. if (showthumb > 0){
  41.  newHTML = newHTML + '<div style="border: 1px solid #000000;" align="center"><img src="' + imagename + '" border="0"></div>';
  42. }
  43. //newHTML = newHTML + '</div>';
  44. gettrailobjnostyle().innerHTML = newHTML;
  45. gettrailobj().visibility="visible";
  46. }
  47. function showhtml(newHtml,height) {
  48. document.onmousemove=followmouse;
  49. newHtml = '<div style="border: 1px solid #000000;background-color:#FFFFFF;padding:5px" align="left">' + newHtml + '<div>';
  50. gettrailobjnostyle().innerHTML = newHtml;
  51. gettrailobj().visibility="visible";
  52. }
  53. function hidetrail(){
  54. gettrailobj().visibility="hidden"
  55. document.onmousemove=""
  56. gettrailobj().left="-500px"
  57. }
  58. function followmouse(e){
  59. var xcoord=offsetfrommouse[0]
  60. var ycoord=offsetfrommouse[1]
  61. var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
  62. var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(document.body.offsetHeight, window.innerHeight)
  63. if (typeof e != "undefined" ){
  64.  if (docwidth - e.pageX < itemWidth + 50){
  65.   if (noPicture == "yes" ) {
  66.    xcoord = e.pageX - xcoord - itemWidth; // Move to the left side of the cursor
  67.   } else {
  68.    xcoord = e.pageX - xcoord - itemWidth; // Move to the left side of the cursor
  69.   }
  70.  } else {
  71.   xcoord += e.pageX;
  72.  }
  73.  if ((docheight - e.pageY) < (currentimageheight + 220)){
  74.   ycoord += e.pageY - Math.max(0,(220 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
  75.  } else {
  76.   ycoord += e.pageY;
  77.  }
  78. } else if (typeof window.event != "undefined" ){
  79.  if (docwidth - event.clientX < itemWidth + 50){
  80.   if (noPicture == "yes" ) {
  81.    xcoord = event.clientX + truebody().scrollLeft - xcoord - itemWidth; // Move to the left side of the cursor
  82.   } else {
  83.    xcoord = event.clientX + truebody().scrollLeft - xcoord - itemWidth; // Move to the left side of the cursor
  84.   }
  85.  } else {
  86.   xcoord += truebody().scrollLeft+event.clientX
  87.  }
  88.  if (docheight - event.clientY < (currentimageheight + 220)){
  89.   ycoord += event.clientY + truebody().scrollTop - Math.max(0,(220 + currentimageheight + event.clientY - docheight));
  90.  } else {
  91.   ycoord += truebody().scrollTop + event.clientY;
  92.  }
  93. }
  94. var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
  95. var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
  96. gettrailobj().left=xcoord+"px"
  97. gettrailobj().top=ycoord+"px"
  98. }


 
En espérant que vous me trouviez la solution
 
Stephane

mood
Publicité
Posté le 05-10-2008 à 11:16:02  profilanswer
 

n°1797426
stefane26
Posté le 08-10-2008 à 20:44:35  profilanswer
 

personne pour me répondre?

n°1797514
ionik
Posté le 08-10-2008 à 23:33:27  profilanswer
 

regarde du coté d'une librairie javascript comme jquery + moontoolsbox ou facebok ou lightbox version div etc ...


---------------
Recette cookeo Recette de cuisine
n°1798739
stefane26
Posté le 12-10-2008 à 08:25:19  profilanswer
 

Bonjour
j'ai eu la préponse à ma question sur un autre forum, et je viens ici pour la transmettre pour que ce topic soit "fermé" et résolu
 
Il fallait rajouter "z-index:1000" à la ligne 12 du code javascript afin de faire passer les image par dessus la page internet cela donne :
 
document.write('<div id="trailimageid" style="position:absolute;visibility:hidden;left:0px;top:0px;width:1px;height:1px;z-index:1000">');
 
Stephane


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème d'ordre de superposition une image affichée avec onmouseover

 

Sujets relatifs
Adaptation page site composé d'image avec du texte à écran hte résol.probleme C (surement facile a regler )
probleme affichage siteProbleme avec eclipse et plugin svn
problème pour faire du Caml avec Emacsimage aléatoire dans background css
Problème avec date_selectproblème avec TDBGrid et ses items
Probleme script kix32 
Plus de sujets relatifs à : Problème d'ordre de superposition une image affichée avec onmouseover


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR