Tweet
Bonjour
j'essaie de mettre en place des infobulles et je rencontre des soucis a l'affichage
voici le css
{
font-size: 11px; /* On définit les propriétés de texte pour toutes les balises. */
font-family: Tahoma, Verdana, Arial, serif;
}
a.info {
position: relative;
color: black;
border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.info span {
display: none; /* On masque l'infobulle. */
}
a.info:hover {
background: none; /* Correction d'un bug d'Internet Explorer. */
z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover span {
display: block; /* On affiche l'infobulle. */
position:absolute;
white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
top: -100px; /* On positionne notre infobulle. 30 px*/
left: -200px;
width: 30%;
float: left;
background: white;
color: green;
padding: 3px;
border: 1px solid green;
border-left: 4px solid green;
}
la partie body
</td>
<td width="2%" border='0' bgcolor="#E7F5EC" bordercolor="red">
<a class="info" href="#" target="_blanck">Info<span><?php include("http://localhost/sitejoomla/absences/pasabsence.php") ;?></span></a>
</td>
</tr>
j'utilise le template purity2_dens_param
l'include c'est echo d'un tableau
ca marche sauf mon infobulles ne s'affiche pas completement ,une partie est tronquée elle reste dans le cadre
je pensais que l'infobulles aller s'afficher au dessus de mon bloc
ce code est appellé dans un module j'ai mis en postion user1 avant en top
j'ai essaye de modifier en vain mon css ex ajout de float
je vous joins l'image
merci de votre aide
cordialement
JPP
j'essaie de mettre en place des infobulles et je rencontre des soucis a l'affichage
voici le css
{
font-size: 11px; /* On définit les propriétés de texte pour toutes les balises. */
font-family: Tahoma, Verdana, Arial, serif;
}
a.info {
position: relative;
color: black;
border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.info span {
display: none; /* On masque l'infobulle. */
}
a.info:hover {
background: none; /* Correction d'un bug d'Internet Explorer. */
z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover span {
display: block; /* On affiche l'infobulle. */
position:absolute;
white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
top: -100px; /* On positionne notre infobulle. 30 px*/
left: -200px;
width: 30%;
float: left;
background: white;
color: green;
padding: 3px;
border: 1px solid green;
border-left: 4px solid green;
}
la partie body
</td>
<td width="2%" border='0' bgcolor="#E7F5EC" bordercolor="red">
<a class="info" href="#" target="_blanck">Info<span><?php include("http://localhost/sitejoomla/absences/pasabsence.php") ;?></span></a>
</td>
</tr>
j'utilise le template purity2_dens_param
l'include c'est echo d'un tableau
ca marche sauf mon infobulles ne s'affiche pas completement ,une partie est tronquée elle reste dans le cadre
je pensais que l'infobulles aller s'afficher au dessus de mon bloc
ce code est appellé dans un module j'ai mis en postion user1 avant en top
j'ai essaye de modifier en vain mon css ex ajout de float
je vous joins l'image
merci de votre aide
cordialement
JPP
Fichiers joints
Commentaire