Modifica tooltip

[Adelaide]

Salve a tutti sono una neofita quindi ho bisogno del vostro aiuto.
Ho una pagina html con all'interno un menu costituito da immagini. Al click su ogni immagine corrisponde un'azione. Ma il mio problema è che contemporaneamente se mi posiziono con il mouse sull immagine compare il title /tooltip, ora voglio modificare la grafica di questo tooltip.
Faccio una premessa, la pagina utilizza delle librerie jquery e i miei elementi sono dei tag <a href="..."
title="Reset" .....
Come faccio a modificare la grafica del tooltip???
Sto impazzendo vi sarei davvero grata e spero di essere stata chiara.

Grazie

[carlomarangoni]

Qui puoi trovare tutti i toltips che vuoi

[KillerWorm]

Ciao, purtroppo non sei stata troppo chiara.

Se si tratta del tooltip di sistema, non può essere modificato.
Se questo tooltip è creato con jQuery dovresti specificare se si tratta di jQuery UI oppure qualche altro plugin.

Se si tratta del tooltip di jQuery UI puoi usare la classe .ui-tooltip con cui sovrascrivere le proprietà secondo le tue esigenze oppure usare la proprietà tooltipClass per applicare una classe personalizzata.

Se hai già provato a fare qualcosa, quali problemi riscontri?
Puoi postare un link ad una pagina pubblica per verificare gli eventuali problemi?

[Adelaide]

Ciao, purtroppo non sei stata troppo chiara.

Se si tratta del tooltip di sistema, non può essere modificato.
Se questo tooltip è creato con jQuery dovresti specificare se si tratta di jQuery UI oppure qualche altro plugin.

Se si tratta del tooltip di jQuery UI puoi usare la classe .ui-tooltip con cui sovrascrivere le proprietà secondo le tue esigenze oppure usare la proprietà tooltipClass per applicare una classe personalizzata.

Se hai già provato a fare qualcosa, quali problemi riscontri?
Puoi postare un link ad una pagina pubblica per verificare gli eventuali problemi?

Ciao grazie per la risposta, mi spiego meglio.
Io sto modificando codice fatto da un altra persona molto incasinato. Per le altre pagine ci sono riuscita utilizzando come dici tu la classe .ui-tooltip ma non riesco a capire perchè qui non funziona.

Nella mia pagina sono inclusi i seguenti file

<link rel="stylesheet" href="../css/jquery.generator.v1.css" media="screen" />
<link rel="stylesheet" href="../css/jquery-ui.css">
<script src="../js/jquery-1.10.2.min.js"></script>
<script src="../js/jquery.mobile-1.3.2.min.js"></script>
<script src="../js/jquery.generator.v1.js"></script>
poi indicarmi altro???

[KillerWorm]

Ciao, non vedendo il resto del codice, e dove hai definito il css relativo alla classe .ui-tooltip, è impossibile darti una risposta mirata.

Ci potrebbero essere varie cause inerenti la specificità di quelle nuove regole da te definite, che influiscono sull'ordine di priorità con cui queste vengono applicate.

Ciò che posso indicarti, in linea generale, è che i css, per definizione (fogli di stile a cascata) vengono letti ed applicati, in primo luogo, secondo l'ordine in cui si presentano all'interno del documento. Quindi è plausibile che la definizione della classe .ui-tooltip, con tutte le eventuali regole, debba essere posta dopo il css di base, in modo che le nuove regole (quelle definite per ultime) vadano eventualmente a sovrascrivere quelle precedenti.

E' possibile che tu abbia definito il tuo css prima della definizione di quello di base.
Quindi bisogna capire, prima di tutto, dove lo stai definendo.

[Adelaide]

Ciao scusami ho messo per ultimo il css con la modifica del tooltip.
Al suo interno c'è semplicemente la seguente porzione di codice


.ui-tooltip {
background:blue;
background-color:red;
}

Negli altri file ha funzionato, ma in questo caso no

[KillerWorm]

Allora è possibile che quello non basti per garantire la priorità di tali regole.

Ripeto: puoi postare il link alla pagina pubblica in cui hai il problema?

[Adelaide]

Allora è possibile che quello non basti per garantire la priorità di tali regole.

Ripeto: puoi postare il link alla pagina pubblica in cui hai il problema?

Questa è la pagina

http://www.mathinitaly.it/lineaUltim...amento/linea4/

[KillerWorm]

Ciao, quello che vedo è solo il tooltip di sistema.

E' possibile che ti sia dimenticata di includere il file .js per jquery-ui (oltre al file .css).
Sul tuo precedente post infatti non è indicato:

<link rel="stylesheet" href="../css/jquery.generator.v1.css" media="screen" />
<link rel="stylesheet" href="../css/jquery-ui.css">
<script src="../js/jquery-1.10.2.min.js"></script>
<script src="../js/jquery.mobile-1.3.2.min.js"></script>
<script src="../js/jquery.generator.v1.js"></script>

Dovrebbe esserci una cosa tipo:

<script src="../js/jquery-ui.js"></script>

[Adelaide]

Ciao, quello che vedo è solo il tooltip di sistema.

E' possibile che ti sia dimenticata di includere il file .js per jquery-ui (oltre al file .css).
Sul tuo precedente post infatti non è indicato:


Dovrebbe esserci una cosa tipo:

<script src="../js/jquery-ui.js"></script>

Non funziona lo stesso. L'ho inserito ma nulla da fare