1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50
| <style>
a.infobulle
{
position: relative;
text-decoration: none;
}
a.infobulle span
{
display: none; /* on masque l'infobulle */
}
a.infobulle:hover
{
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap;
top: -130px; /* on positionne notre infobulle */
left: -10px;
text-align: left;
}
#defilement
{
width: 500px;
margin-top: 200px;
margin-left: 50px;
}
</style>
</head>
<div id="defilement">
<?php
mysql_pconnect('***', '***', '***');
mysql_select_db('***');
$requete = mysql_query("SELECT * FROM *** ORDER BY rand()");
while($donnees = mysql_fetch_array($requete))
{
echo '<a href="" class="infobulle">'.$donnees['nom'].'<span><img src="./'.$donnees['logo'].'" alt="'.$donnees['nom'].'" /></span></a> - ';
}
?>
</div> |
Partager