mouseover tekst hover

[gast0515]

Hallo,

hoe zorg ik voor de aanpassing van de mouseover hover, zoals:

<span title="hier komt mijn omschrijving"></span>

Ik zou de font, kleur vd balk e.d. willen aapassen. css stylesheet werkt voor e.e.a. niet.
Ook de tijd hoelang de titel balk zichtbaar is.
Het verwijnt nl. bijna direct....

Alvast dank voor alle tips.

 

[ginojo]

Gebruik psuedo classes in css
CSS Pseudo-classes

 

[gast0515]

dat is helaas niet de oplossing. werkt niet en bovendien gebruik ik
a:link, a:hover e.d. voor andere elementen in de site.

Het gaat hier om de volgende code:

<div id="carrousel"><!-- dit is nodig voor het carrousel -->
<a href="http://www.home.html">
<ul>
<li><img src="plaatjes/01.jpg" width="600" height="400" border="0"></li>
<li><img src="plaatjes/02.jpg" width="600" height="450" border="0"></li>
</ul>
</a>
</div>

Images hebben dus een <a href>
Als je met je mouse over het plaatjes heen gaat, zou er dus een tekst (title) moeten verschijnen.
Deze wil ik styles geven (formaat, kleur e.d.) en zorgen dat die blijft staan (en dus niet verdwijnt na 1 seconde...)

 

[ginojo]

oww, sorry. dan heb ik je vraag verkeerd begrepen.

Jij hebt Tooltips nodig.
Is een jquery lib: http://jqueryui.com/tooltip/

Kan je helemaal aanpassen etc.

 

[gast0515]

Dank je wel.
Ik heb het al kunnen toepassen.
Was even uitzoeken - enorm lange teksten.... ;-)

Groet!

 

[gast0515]

Ik gebruik nu deze code - http://jqueryui.com/tooltip/#tracking
maar vraag me af of ik de block met rechte hoeken kan maken i.p.v. de ronde hoeken....
ik zou hem ook wat smaller willen maken....

Ik zie het niet in de css staan - deze mogelijkheden.
Klopt dat of kijk ik niet goed???

 

[gast0515]

gevonden vd rechte hoeken! corner radius - rij 1137

 

[gast0515]

en de padding vd block (binnen) - rij 775 - .ui-tooltip { padding: 5px;