Changer le style des tooltips

Bonjour,

J'appelle les tooltip avec ce script :

Code:

---

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:

---

<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:

---

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+ ;)

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:

---

1 2 3 4

.tip{ display : inline-block; text-align: left; }

---

RTFM... :whistle:
:arrow: tooltipClass.