Discussion :

[Mister Nono]

Bonjour,

J'appelle les tooltip avec ce script :

Code :

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

1
2
3
4
5
6
7
jQuery(document).ready(function($) {
    $('.tip').tooltip({
        animation: true,
        html: true,
        placement: 'right'
    });
});

Et voici un exemple de tip :

Code html :

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

<span class="tip" title="Début du tip<br />et fin du tip" >Blablabla</span>

J'aimerai pouvoir personnaliser le style du tip : par exemple, je dois afficher le contenu texte du tip à gauche.

J'ai bien essayé de définir des styles du genre :

Code css :

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

1
2
3
.tip{
    text-align: left;
}

... mais sans succès.

Comment faire alors pour aligner le texte du tip à gauche au lieu de le laisser centré ?

Merci.

A+

[Spartacusply]

L'attribut css "text-align" n'a d'effet que sur une balise de type "block" (le type des balises est indispensable à la compréhension du fonctionnement du css sur chacune de ces balises).

Il y a plusieurs manières de régler ton problème, en remplacant ton span par un div par exemple, ou encore par exemple d'indiquer le type de ton span comme de type "inline-block" :

Code css :

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

1
2
3
4
.tip{
    display : inline-block;
    text-align: left;
}

[Bovino]

RTFM...
tooltipClass.