Discussion :

[afrodje]

Bonjour.

J'ai des infobulles qui, lorsque que je survol un lien, elle s'affiche en bas, mais j'aimerai la positionner en haut.

voila le code que j'ai :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
a.info:hover span
{
    display:block;
    position:Absolute;
    border         : 0;
    text-decoration: none;
 
    border         : 1px solid #6699FF;
    z-index        : 1000;
 
    top:5em; left:0em; width:10em;
    background-color:#FFFF33; color:#000000;
    text-align: left;
    font-weight:none;
    padding         : 6px 12px 6px 2px;
}

J'ai essayé avec un top:-20em, mais c'est à 20 du haut de l'infobulle donc si l'info est plus grande que les autres c'est pas top...

L'idéal est de faire à 20 (par exemple) du bas de l'info bulle

Merci

[afrodje]

Je croyais avoir trouvé la solution avec juste un petit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

bottom:5em;

en enlevant le top.

Mais cela marche uniquement sous firefox (et non IE).

Pourquoi?
Avez vous une autre solution?

Merci

[GihefBey]

Bonjour,

Sans voir le contexte, on peut te proposer d'essayer de leur appliquer un top négatif avec une valeur qui te convient.


position: absolute
font-weight: normal;
-

[afrodje]

mais c'est à 20 du haut de l'infobulle donc si l'info est plus grande que les autres c'est pas top...

C'est cela mon problème.
J'ai trouvé d'autre infobulle qui était mieux pour mon cas.
Mettre un top négatif n'était pas adapté...

Et ces infobulles se trouvé sur developpez donc voila

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
a.info, a.info:visited
			{	
			color: #0676FF;	
			margin: 0;	
			margin-top: 20px;	
			text-align: left;	
			letter-spacing: -1px;	
			padding: 0px 0pt 0px 6px;	
			font: normal 28px arial,verdana,sans-serif;
			}

Merci à toi.