infobulle ne s'affiche pas sous ie

Marsh Posté le 16-04-2010 à 13:05:27

Bonjour, j'ai créé un petit site web, avec tres peu de connaissance et en chinan un code java sur le net, il me permet d'affiché une infobulle au passage de la souris, cela fonctione tres bien sous Firefox, mais sous IE... rien ne se passe, qu'eslqu'un peut-il m'aider?

code java:

Code :

var xOffset=6
var yOffset=5
var affiche = false; // La variable i nous dit si le bloc est visible ou non
var w3c=document.getElementById && !document.all;
var ie=document.all;
if (ie||w3c) {
var laBulle
}
function ietruebody(){ // retourne le bon corps...
return (document.compatMode && document.compatMode!="BackCompat" )? document.documentElement : document.body
}
function deplacer(e) {
if(affiche){
var curX = (w3c) ? e.pageX : event.x + ietruebody().scrollLeft;
var curY = (w3c) ? e.pageY : event.y + ietruebody().scrollTop;
var winwidth = ie && !window.opera ? ietruebody().clientWidth : window.innerWidth - 20;
var winheight = ie && !window.opera ? ietruebody().clientHeight : window.innerHeight - 20;
var rightedge = ie && !window.opera ? winwidth - event.clientX - xOffset : winwidth - e.clientX - xOffset;
var bottomedge = ie && !window.opera ? winheight - event.clientY - yOffset : winheight - e.clientY - yOffset;
var leftedge = (xOffset < 0) ? xOffset*(-1) : -1000
// modifier la largeur de l'objet s'il est trop grand...
if(laBulle.offsetWidth > winwidth / 3){
laBulle.style.width = winwidth / 3
}
// si la largeur horizontale n'est pas assez grande pour l'info bulle
if(rightedge < laBulle.offsetWidth){
// bouge la position horizontale de sa largeur à gauche
laBulle.style.left = curX - laBulle.offsetWidth + "px"
} else {
if(curX < leftedge){
laBulle.style.left = "5px"
} else{
// la position horizontale de la souris
laBulle.style.left = curX + xOffset + "px"
}
}
// même chose avec la verticale
if(bottomedge < laBulle.offsetHeight){
laBulle.style.top = curY - laBulle.offsetHeight - yOffset + "px"
} else {
laBulle.style.top = curY + yOffset + "px"
}
}
}
function showTooltip(text) {
if (w3c||ie){
laBulle = document.all ? document.all["bulle"] : document.getElementById ? document.getElementById("bulle" ) : ""
laBulle.innerHTML = text; // fixe le texte dans l'infobulle
laBulle.style.visibility = "visible"; // Si il est cachée (la verif n'est qu'une securité) on le rend visible.
affiche = true;
}
}
function hideTooltip() {
if (w3c||ie){
affiche = false
laBulle.style.visibility="hidden" // avoid the IE6 cache optimisation with hidden blocks
laBulle.style.top = '-100000px'
laBulle.style.backgroundColor = ''
laBulle.style.width = ''
}
}
document.onmousemove = deplacer; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.

et le html:

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pot'teint</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
<style type="text/css" media="screen">
img{ border:none;}
#bulle { position: absolute; visibility: hidden; font-size:12px;}
.info{ border:1px solid #666666; padding: 7px; color:#666666; background-color:#FFFFFF; font-family:"trebuchet MS";}
</style>
<script type="text/javascript" language="javascript" src="js/infobulle.js"></script>
<SCRIPT LANGUAGE="JavaScript">
function ouvrir_popup()
{
window.open('comandeexplain.html','Comment commander?','height=350,width=700,top=50,left=50,resizable=no,menubar=no,status=no,scrollbars=no,menubar=no');
}
</SCRIPT>
</head>
<body onLoad="ouvrir_popup();">
<div id="en_tete">
</div>
<div id="menus">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="boutique.html">Boutique</a></li>
<li><a href="perso.html">Personnalisation</a></li>
<li><a href="contact.php">Contact</a></li>
<li class="endcase"><a href="faq.html">FAQ</a></li>
</ul>
</div>
<div id="corps">
<a id="imagecomande" href="javascript:void(0);" onclick="javascript:window.open('comandeexplain.html','popup','resizable=no,scrollbars=yes,location=no,height=350,width=700,top=50,left=50');"><img src="images/commande.jpg" alt="commande" title="cliquez pour plus d'info!" /></a>
<div id="panier"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_viewcart_LG.gif" border="0" name="submit" alt="Afficher le panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
<table id="maintable" align="left" width="1000px" cellpadding="0" cellspacing="30px">
<tr>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 19cm</strong><img id=\'big\' src=\'imagepot/PB100.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB100.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Vache-PB100</div>
<div class="prix">14,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="JWTQZKTWGSKC2">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB101.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB101.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Girafe-PB101</div>
<div class="prix">18,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="potteint@gmail.com">
<input type="hidden" name="lc" value="FR">
<input type="hidden" name="item_name" value="pot girafe DIAM21">
<input type="hidden" name="item_number" value="PB101">
<input type="hidden" name="amount" value="18.99">
<input type="hidden" name="currency_code" value="EUR">
<input type="hidden" name="button_subtype" value="products">
<input type="hidden" name="add" value="1">
<input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_SM.gif:NonHostedGuest">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 23cm</strong><img id=\'big\' src=\'imagepot/PB102.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB102.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Africain M-PB102</div>
<div class="prix">23,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="potteint@gmail.com">
<input type="hidden" name="lc" value="FR">
<input type="hidden" name="item_name" value="Afrique M DIAM23">
<input type="hidden" name="item_number" value="PB102">
<input type="hidden" name="amount" value="23.99">
<input type="hidden" name="currency_code" value="EUR">
<input type="hidden" name="button_subtype" value="products">
<input type="hidden" name="add" value="1">
<input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_SM.gif:NonHostedGuest">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB103.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB103.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Libellule-PB103</div>
<div class="prix">18,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="potteint@gmail.com">
<input type="hidden" name="lc" value="FR">
<input type="hidden" name="item_name" value="libellule DIAM21">
<input type="hidden" name="item_number" value="PB103">
<input type="hidden" name="amount" value="18.99">
<input type="hidden" name="currency_code" value="EUR">
<input type="hidden" name="button_subtype" value="products">
<input type="hidden" name="add" value="1">
<input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_SM.gif:NonHostedGuest">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
</tr>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 23cm</strong><img id=\'big\' src=\'imagepot/PB104.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB104.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Enfants Af-PB104</div>
<div class="prix">23,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="HZK6FPXM5GBJE">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Pot ardoise Diamètre 19cm, inscription libre, ecriture à la craie</strong><img id=\'big\' src=\'imagepot/PB105.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB105.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Pot Ardoise-PB105</div>
<div class="prix">14,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="9N4AL65B4MAT4">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 23cm</strong><img id=\'big\' src=\'imagepot/PB106.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB106.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Africain V-PB106</div>
<div class="prix">23,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3KGMJTMB53AXY">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 23cm</strong><img id=\'big\' src=\'imagepot/PB107.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB107.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Coccinelle-PB107</div>
<div class="prix">23,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="66PWD77B655DG">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
</tr>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 27cm</strong><img id=\'big\' src=\'imagepot/PB108.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB108.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Marguerite-PB108</div>
<div class="prix">29,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="GZKXF5J9EMTUJ">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 27cm</strong><img id=\'big\' src=\'imagepot/PB109.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB109.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Marron eclat-PB109</div>
<div class="prix">29,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="KV4RFZYUK5BZ4">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 27cm</strong><img id=\'big\' src=\'imagepot/PB110.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB110.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Cuisine-PB110</div>
<div class="prix">29,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="7L4JSWDHZQHF2">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB111.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB111.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Pizza-PB111</div>
<div class="prix">18,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="KDNJ9UKDR7D6J">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
</tr>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 25cm</strong><img id=\'big\' src=\'imagepot/PB112.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB112.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Femme af-PB112</div>
<div class="prix">28,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="NTXZX3LBBT66Q">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB114.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB114.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Gomme-PB114</div>
<div class="prix">18,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="LY2SWWVTQCKJ2">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 21cm</strong><img id=\'big\' src=\'imagepot/PB115.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB115.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Petite Fille-PB115</div>
<div class="prix">18,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="EXT56PD6TE48Y">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 7cm ardoise marque place écriture libre à la craie des deux côtés</strong><img id=\'big\' src=\'imagepot/PB116.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB116.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Marque place-PB116</div>
<div class="prix">5,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="6K5Q5LH7VNQQS">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
</tr>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 7cm, pot contenant une bougie</strong><img id=\'big\' src=\'imagepot/PB117.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB117.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">St Valentin-PB117</div>
<div class="prix">5,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="C3244NPCF2G6U">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 7cm</strong><img id=\'big\' src=\'imagepot/PB118.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB118.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Bap G-PB118</div>
<div class="prix">5,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XRUUTRYY88HLG">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
<td>
<table id="case">
<tr >
<td id="top">
<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Diamètre 7cm</strong><img id=\'big\' src=\'imagepot/PB119.jpg\' width=\'350\'></div>');"
onmouseout="hideTooltip()"><img id="big" src="imagepot/PB119.jpg" width="125" onmouseout="hideTooltip()" /></a>
<div id="bulle"></div>
</td>
</tr>
<tr id="info">
<td id="bottom">
<div class="description">Bap F-PB119</div>
<div class="prix">5,99&#128
</div>
<div class="achat"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="WSJ8M9DWRU3LE">
<input type="image" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="Ajouter au panier">
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>

je sait que rien n'est parfait ou orthodoxe dans mon html...
pour le css j'en sait rien je ne connais pas, j'ai recherché des avis pour réparer cette "panne" mais rien...

merci d'avance.
Cordialement
Julien

Marsh Posté le 16-04-2010 à 13:05:27

Marsh Posté le 25-04-2010 à 21:40:24

un petit up... svp help

Marsh Posté le 27-04-2010 à 19:50:48

java et javascript c'est 2 langages différents !!

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *