Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1805 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. }
  14. #global {
  15. min-height: 100%;
  16. width: 1000px;
  17. padding: 0;
  18. margin: 0 auto;
  19. position: relative;
  20. height: 100%;
  21. }
  23. #page_radar {
  24. height: 800px;
  25. }
  27. img { border: 0; }
  29. span.spacer {
  30. height: 0.01em;
  31. overflow: hidden;
  32. display: block;
  33. width: 100%;
  34. clear: both;
  35. }
  37. span.tableau_valeur {
  38. color: #F25F2A;
  39. font-size: 20px;
  40. font-weight: bold;
  41. }
  42. /* ---------------------- */
  44. #header {
  45. width: 1000px;
  46. height: 223px;
  47. margin: 0 auto;
  48. background: url(../images/header1.jpg) no-repeat;
  49. }
  51. /* ---------------------- */
  53. #contenu {
  54. overflow: auto;
  55. text-align: left;
  56. padding-left: 50px;
  57. padding-bottom: 50px;
  58. background: url(../images/corp.jpg) repeat-y;
  59. }
  61. #left {
  62. width: 130px;
  63. float: left;
  64. }
  66. #right {
  67. width: 780px;
  68. float: left;
  69. }
  71. ul#menu {
  72. width: 120px;
  73. margin: 0;
  74. margin-left: 10px;
  75. padding: 0;
  76. list-style: none;
  77. }
  79. ul#menu li a {
  80.     font-size: 12px;
  81. display: block;
  82. color: #4e4e4e;
  83.     text-decoration: none;
  84. }
  86. ul#menu li a:hover {
  87.     color: #ffffff;
  88. background-color : #4e4e4e;
  89.     text-decoration: none;
  90. font-weight: bold;
  91. }
  92. h1 {
  93. color: #2e5a92;
  94. font-size: 20px;
  95.     margin-bottom: 15px;
  96. margin-top: 15px;
  97. padding-left: 0.5em;
  98. padding-bottom: 0.2em; 
  99. border-left: 3px solid #af799a;
  100. border-height: 5px;
  101.     line-height: 1.0;
  102. }
  104. h3 {
  105.     color: #2e5a92;
  106. font-size: 14px;
  107.     margin-bottom: 15px;
  108. margin-top: 15px;
  109. padding-left: 0.5em;
  110. padding-bottom: 0.2em;
  111. border-left: 3px solid #af799a;
  112. border-height: 5px;
  113.     line-height: 1.0;
  114. }
  116. h4 {
  117. color : #fefda3;
  118. font-size : 14px
  119. }
  121. #copyright {
  122.     padding-top: 6px;
  123. color: #ffffff;
  124. font-weight: bold;
  125. }
  127. #copyright a:link, #copyright a:visited {
  128. color: #ffffff;
  129.     text-decoration: none;
  130. }
  132. #copyright a:hover, #copyright a:active {
  133. color: #ffffff;
  134. font-weight: bold;
  135. text-decoration: none;
  136. }
  138. #menu_nav {
  139. float: left;
  140. height: 40px;
  141. text-align: left;
  142. background-color: transparent;
  143. color: #fefda3;
  144. font-weight: bold;
  145. margin-top: 30px;
  146. font-size: 14px;
  147. overflow: hidden;
  148. list-style: none;
  149. }
  151. #menu_nav li {
  152. float: left;
  153. margin-left: 0;
  154. padding-top: 5px;
  155. }
  157. #menu_nav li a {
  158. color: #fefda3;
  159. text-decoration: none; 
  160. background: url(../images/separateur.jpg) right center no-repeat;
  161. padding-right: 5px; 
  162. padding-left: 5px ;
  163. }
  165. #menu_nav li a:hover  {
  166.     background-color :#4e4e4e;
  167. color: #ffffff;
  168. text-decoration: none;
  169. }
  171. /* ---------------------- */
  173. #footer {
  174. width: 100%;
  175. height: 57px;
  176. margin: auto;
  177. background: url(../images/footer.jpg) top repeat-y;
  178. }
  179. #horloge {
  180. position: absolute;
  181. top: 60px;
  182. left: 10px
  183. }
  185. #date {
  186. position: absolute;
  187. top: 165px;
  188. left: 0px
  189. }
  191. #wdl {
  192. position: absolute;
  193. top: 280px;
  194. left: 70px
  195. }
  197. #climato {
  198. position: absolute;
  199. top: 270px;
  200. left: 70px
  201. }
  203. #radar {
  204. position: absolute;
  205. top: 280px;
  206. left: 150px
  207. }
  209. #compteur {
  210. position: absolute;
  211. top: 950px;
  212. left: 40px
  213. }
  215. #guestbook {
  216. position: absolute;
  217. top: 280px;
  218. left: 200px
  219. }


 
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">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  4. <head>
  5.     <title>Météo de Montélimar (Drôme)</title>
  6. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  7. <meta HTTP-EQUIV="Refresh" CONTENT="60" />
  8. <meta name="author" content="stephane bec" />
  9. <meta name="language" content="fr" />
  10.     <meta name="description" content="station meteo amateur en direct de montélimar" />
  11.     <meta name="keywords" content="meteo, montelimar, montelo, stephane, bec, davis, vantage" />
  12. <link type="text/css" rel="stylesheet" href="css/style.css" />
  13. </head>
  14. <script language='javascript' src='filesearchhover.js' type='text/javascript'>
  15. </script>
  16. <body>
  17. <?php include("menu.php" ); ?>
  18.     <div id="right">
  19.         <h1>Bienvenue sur le site météo amateur de Montélimar</h1>
  20.  <p align="justify">Ne vous est-il jamais arrivé de dire :</br>
  21.  <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>
  22.  <b>Et bien, grâce à ce site, vous pourrez avoir la certitude de vos propos.</b></br></br>
  23.  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
  24.  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>
  25.  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
  26.  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>
  27.  Les données sont mises à jour toutes les minutes, sauf problèmes éventuels de transmission.</br>
  28.  Cette page se rafraichit automatiquement</p></br>
  29.  <h1>Le temps en ce moment à Montélimar (Drôme - 26) en quelques chiffres</h1>
  30.   </br><table border="1" width="780" height="120" align="center">
  31.       <tr>
  32.           <td width="156" valign="top">
  33.               <center><font size="3px" color="#2e5a92"><b>Mise à jour</b></font></center>
  34.      <span class="tableau_valeur">
  35.      <?php
  36.       echo "<center>$heure_releve:$minute_releve</br></center>"
  37.      ?>
  38.      </span>
  39.      <font color="black" size="1px"><center>
  40.      </br>
  41.      <font color="black" size ="2px">
  42.      <b>
  43.      <?php
  44.       echo "<center>$jour_texte_releve</br>";
  45.       echo "$numero_jour_releve $mois_texte_releve $annee</center>"
  46.      ?>
  47.      </b>
  48.      </font>
  49.           </td>
  50.           <td width="156" valign="top" onmouseover="showtrail('./wswin/mini_currentt.gif','','',1,0,0);" onmouseout="hidetrail();">
  51.      <center><font size="3px" color="#2e5a92"><b>Température Ext.</b></font></center>
  52.      <span class="tableau_valeur">
  53.      <?php
  54.      echo "<center>$tempE</br></center>";
  55.      ?>
  56.      </span>
  57.     <font color="black" size="1px"><center>
  58.     Variation en 15 min :
  59.     <b>
  60.     <?php
  61.      echo "$tempEchangement15mn"
  62.     ?>
  63.     </b>
  64.     </br>
  65.     <font size="2px"><b>min</b>(
  66.     <?php
  67.      echo "$tempEmin0h_heure"
  68.     ?>
  69.     ) :
  70.     <font color="blue"><b>
  71.     <?php
  72.      echo "$tempEmin0h"
  73.     ?>
  74.     </b></font>
  75.     </br>
  76.     <b>max</b>(
  77.     <?php
  78.      echo "$tempEmax0h_heure"
  79.     ?>
  80.     ) :
  81.     <font color="red"><b>
  82.     <?php
  83.      echo "$tempEmax0h"
  84.     ?>
  85.     </b></font>
  86.     </center></font></font>
  87.     </td>
  88.           <td width="156" valign="top" onmouseover="showtrail('./wswin/mini_currentf.gif','','',1,0,0);" onmouseout="hidetrail();">
  89.               <center><font size="3px" color="#2e5a92"><b>Humidité Ext.</b></font></center>
  90.          <span class="tableau_valeur">
  91.      <?php
  92.       echo "<center>$humE</br></center>";
  93.      ?>
  94.      </span>
  95.     <font color="black" size="1px"><center>
  96.     </br>
  97.     <font size="2px"><b>min</b>(
  98.     <?php
  99.      echo "$humEmin0h_heure"
  100.     ?>
  101.     ) :
  102.     <font color="blue"><b>
  103.     <?php
  104.      echo "$humEmin0h"
  105.     ?>
  106.     </b></font>
  107.     </br>
  108.     <b>max</b>(
  109.     <?php
  110.      echo "$humEmax0h_heure"
  111.     ?>
  112.     ) :
  113.     <font color="red"><b>
  114.     <?php
  115.      echo "$humEmax0h"
  116.     ?>
  117.     </b></font>
  118.     </center></font></font>
  119.           </td>
  120.           <td width="156" valign="top" onmouseover="showtrail('./wswin/mini_currentv.gif','','',1,0,0);" onmouseout="hidetrail();">
  121.               <center><font size="3px" color="#2e5a92"><b>Vent</b></font></center>
  122.      <span class="tableau_valeur">
  123.      <?php
  124.       echo "<center>$vitesse_vent</br>";
  125.      ?>
  126.      <font size="2px" color="#000000">
  127.      <?php
  128.       echo "$vitesse_vent_bft</center>";
  129.      ?>
  130.      </font>
  131.      </span>
  132.      <font color="black" size="1px"><center>
  133.     <font size="2px">
  134.     <?php
  135.      echo"$dir_vent_texte";
  136.      echo "($dir_vent)</br>";
  137.      echo "$force_vent"
  138.     ?>
  139.           </td>
  140.           <td width="156" valign="top" onmouseover="showtrail('./wswin/mini_currentp.gif','','',1,0,0);" onmouseout="hidetrail();">
  141.               <center><font size="3px" color="#2e5a92"><b>Pluie</b></font></center>
  143.      <span class="tableau_valeur">
  144.      <?php
  145.       echo "<center>$intensite_pluie</br>";
  146.      ?>
  147.      <font color="black" size="1px"><center>
  148.     </br>
  149.     <font size="2px"><b>Cette heure :</b>
  150.     <?php
  151.      echo "$quantite_pluie1h"
  152.     ?>
  153.     </br>
  154.     <b>Ce jour :</b>
  155.     <?php
  156.      echo "$quantite_pluie_jour"
  157.     ?>
  158.     </center></font></font>
  159.           </td>
  160.       </tr>
  161.       <tr>
  162.     <td width="156" valign="top">
  163.               <center><font size="3px" color="#2e5a92"><b>Tendance</b></font></center>
  164.      <span class="tableau_valeur">
  165.      <?php
  166.       echo "<center>$previ</br>";
  167.       echo '<img src="../wswin/'.$icone_meteo.'" width=80 height=63></center></span>'
  168.      ?>
  169.           </td>
  170.     <td width="156" valign="top" onmouseover="showtrail('./wswin/mini_currentd.gif','','',1,0,0);" onmouseout="hidetrail();">
  171.               <center><font size="3px" color="#2e5a92"><b>Pression</b></font></center>
  172.      <span class="tableau_valeur">
  173.      <?php
  174.       echo "<center>$barE</br></center>";
  175.      ?>
  176.      </span>
  177.     <font color="black" size="1px"><center>
  178.     <font size="2px"><b>Tendance :</b></br>
  179.     <?php
  180.      echo "$barE_var1h</br>$barE_var6h</br>$bar_tendance"
  181.     ?>
  182.     </td>
  183.           <td width="156">
  184.              
  185.           </td>
  186.     <td width="156">
  187.               <p align="center">&nbsp;</p>
  188.           </td>
  189.     <td width="156">
  190.               <p align="center">&nbsp;</p>
  191.           </td>
  192.       </tr>
  193.    <tr>
  194.     <td colspan="5" valign="top">
  195.      <center><font size="3px" color="#2e5a92"><b>Prévision de la station Vantage</b></br></font></center>
  196.      <center><font size="4px" color="#F25F2A"><b>
  197.      <span class="tableau_valeur">
  198.          <?php
  199.        echo "$previVP2"
  200.       ?>
  201.       </b></font>
  202.       </center>
  203.      </span>
  204.           </td>
  205.    </tr>
  206.   </table></br></br>
  207.     <h1>Le temps en france et dans le monde en continu...</h1>
  208.  <table border="0" width="780" height="120" align="center">
  209.  <td width="534" valign="center" align="left">
  210.   <p><script type="text/javascript" src="http://www.meteo-world.com/rss/javascript1.php"></script></p>
  211.  </td>
  212.  <td width="82" valign="top" align="center"></br></br>
  213.   <font size="1px">Prévisions
  214.   <a href="http://www.meteociel.com/prevision/genprev1.php" title="Prévision de Météociel" target="_blank"></br>
  215.   <IMG src="http://www.meteociel.fr/prevision/mini/prev1_t.png" width=80 height=81> </a>
  216.   <a href="http://www.sat24.com/frame.php?html=view&country=fr&sat=ir" title="Couverture nuageuse" target="_blank">
  217.   <IMG src="http://www.buienradar.nl/images.aspx?jaar=-3&bliksem=0&voor=&soort=satmeteox&tijdid=20085201927" width=80 height=81></br></a>
  218.   Nuages
  219.   </font>
  220.  </td>
  221.  <td width="82" valign="top" align="center"></br></br>
  222.   <font size="1px">Vigi-crues
  223.   <a href="http://www.vigicrues.ecologie.gouv.fr/" title="Carte de vigilance des crues" target="_blank">
  224.   <IMG src="http://www.vigicrues.ecologie.gouv.fr/ftp/cruemax.png" width=80 height=81> </a>
  225.   <a href="http://www.meteox.fr/gmap.aspx?zoom=5&lat=47.9605023889151&lon=2.900390625" title="Carte des pluies" target="_blank">
  226.   <IMG src="http://www.meteox.nl/meteox-ani120phone.gif" width=80 height=81> </a>
  227.   Pluie
  228.   </font>
  229.  </td>
  230.  <td width="82" valign="top" align="center"></br></br>
  231.   <font size="1px">Vigilance
  232.   <a href="http://www.meteofrance.com/vigilance/index.html" title="Carte de vigilance Météo-France" target="_blank"></br>
  233.   <IMG src="http://www.meteofrance.com/vigilance/cartes/derniers/mn.gif" width=80 height=81> </a>
  234.   <a href="http://www.blitzortung.org/DF/Webpages/index.php?station=2&mode=0&map=7&lang=f" title="Carte des orages" target="_blank">
  235.   <IMG src="http://www.keraunos.org/accueil-suivi-orages-france.png" width=80 height=81></br></a>
  236.   Orages
  237.  </font></td>
  238.  </table></br></br>
  239.  <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.
  240.  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> 
  241. <table border="0" width="780" align="center">
  242. <td width="780" align="right">
  243.      <p align="right"><a href="http://www.xiti.com/xiti.asp?s=387316" title="WebAnalytics" target="_blank">
  244.  <script type="text/javascript">
  245.  <!--
  246.  Xt_param = 's=387316&p=';
  247.  try {Xt_r = top.document.referrer;}
  248.  catch(e) {Xt_r = document.referrer; }
  249.  Xt_h = new Date();
  250.  Xt_i = '<img width="39" height="25" border="0" alt="" ';
  251.  Xt_i += 'src="http://logv9.xiti.com/hit.xiti?'+Xt_param;
  252.  Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
  253.  if(parseFloat(navigator.appVersion)>=4)
  254.  {Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
  255.  document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
  256.  //-->
  257.  </script>
  258.  <noscript>
  259.  Mesure d'audience ROI statistique webanalytics par <img width="39" height="25" src="http://logv9.xiti.com/hit.xiti?s=387316&p=" alt="WebAnalytics" />
  260.  </noscript></a></p>
  261. </td>
  262. </table>
  263. </div>
  265. <span class="spacer">-</span>
  266. </div>
  267. <?php include("footer.php" ); ?>
  268. </body>
  269. </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.
  11. if (document.getElementById || document.all){
  12. document.write('<div id="trailimageid" style="position:absolute;visibility:hidden;left:0px;top:0px;width:1px;height:1px">');
  13. document.write('<img src="http://lacombe.dyndns.org/meteo/hourglass.jpg"> </div>');
  14. }
  16. function gettrailobj(){
  17. if (document.getElementById)
  18. return document.getElementById("trailimageid" ).style
  19. else if (document.all)
  20. return document.all.trailimagid.style
  21. }
  23. function gettrailobjnostyle(){
  24. if (document.getElementById)
  25. return document.getElementById("trailimageid" )
  26. else if (document.all)
  27. return document.all.trailimagid
  28. }
  31. function truebody(){
  32. return (!window.opera && document.compatMode && document.compatMode!="BackCompat" )? document.documentElement : document.body
  33. }
  35. function showtrail(imagename,title,description,showthumb,height, newItemWidth){
  37. if (newItemWidth != false) {
  38.  itemWidth = newItemWidth;
  39. }
  41. if (height > 0){
  42.  currentimageheight = height;
  43. }
  45. document.onmousemove=followmouse;
  47. cameraHTML = '';
  49. newHTML = '<div>';
  50. newHTML = newHTML + '<span>' + title + '</span><div class="borderbot"></div>';
  52. if (showthumb > 0){
  53.  newHTML = newHTML + '<div style="border: 1px solid #000000;" align="center"><img src="' + imagename + '" border="0"></div>';
  54. }
  56. //newHTML = newHTML + '</div>';
  58. gettrailobjnostyle().innerHTML = newHTML;
  60. gettrailobj().visibility="visible";
  62. }
  65. function showhtml(newHtml,height) {
  67. document.onmousemove=followmouse;
  68. newHtml = '<div style="border: 1px solid #000000;background-color:#FFFFFF;padding:5px" align="left">' + newHtml + '<div>';
  69. gettrailobjnostyle().innerHTML = newHtml;
  70. gettrailobj().visibility="visible";
  72. }
  74. function hidetrail(){
  75. gettrailobj().visibility="hidden"
  76. document.onmousemove=""
  77. gettrailobj().left="-500px"
  79. }
  81. function followmouse(e){
  83. var xcoord=offsetfrommouse[0]
  84. var ycoord=offsetfrommouse[1]
  86. var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
  87. var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(document.body.offsetHeight, window.innerHeight)
  89. if (typeof e != "undefined" ){
  90.  if (docwidth - e.pageX < itemWidth + 50){
  91.   if (noPicture == "yes" ) {
  92.    xcoord = e.pageX - xcoord - itemWidth; // Move to the left side of the cursor
  93.   } else {
  94.    xcoord = e.pageX - xcoord - itemWidth; // Move to the left side of the cursor
  95.   }
  96.  } else {
  97.   xcoord += e.pageX;
  98.  }
  99.  if ((docheight - e.pageY) < (currentimageheight + 220)){
  100.   ycoord += e.pageY - Math.max(0,(220 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
  101.  } else {
  102.   ycoord += e.pageY;
  103.  }
  105. } else if (typeof window.event != "undefined" ){
  106.  if (docwidth - event.clientX < itemWidth + 50){
  107.   if (noPicture == "yes" ) {
  108.    xcoord = event.clientX + truebody().scrollLeft - xcoord - itemWidth; // Move to the left side of the cursor
  109.   } else {
  110.    xcoord = event.clientX + truebody().scrollLeft - xcoord - itemWidth; // Move to the left side of the cursor
  111.   }
  112.  } else {
  113.   xcoord += truebody().scrollLeft+event.clientX
  114.  }
  115.  if (docheight - event.clientY < (currentimageheight + 220)){
  116.   ycoord += event.clientY + truebody().scrollTop - Math.max(0,(220 + currentimageheight + event.clientY - docheight));
  117.  } else {
  118.   ycoord += truebody().scrollTop + event.clientY;
  119.  }
  120. }
  122. var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
  123. var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
  125. gettrailobj().left=xcoord+"px"
  126. gettrailobj().top=ycoord+"px"
  128. }


 
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

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.205 secondes

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