title="" stijlen?

als je in css gewoon title { } zet misschien?

[title] { } selector in css.

Werkt helaas niet :(

Dat is een combinatie van javascript en css; waarbij je met javascript de onhover van de title gaat afvangen en de tekst die daar in staat in een nieuwe div zet op exact dezelfde positie als de muis zolang de muis (in dit geval) over het plaatje gaat. De div daarvan kun je met CSS stylen.

@chris, heb je misschien een tutorial voor zoiets? Javascript en de libraries moet ik me nog in verdiepen..

Ahnee, je kunt toch gewoon met de [title]:hover {} werken waarbij je iets zichtbaar maakt?

Ook dat werkt niet, helaas.

[title]:hover { border: 1px solid red; }

Probeer dat eens.

[size=xsmall]Toevoeging op 25/04/2012 10:59:59:[/size]

http://sixrevisions.com/css/snazzy-hover-effects-using-css/ zie hier CSS only.

[size=xsmall]Toevoeging op 25/04/2012 11:01:00:[/size]

http://sixrevisions.com/css/css-only-tooltips/ en die om een tooltip buiten de image te krijgen

img[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

dit werkt! weet ik honderd procent zeker want is getest :P ( gebruik het zelf ) en je kan het aanpassen naar eigen wens.



[size=xsmall]Toevoeging op 25/04/2012 11:04:57:[/size]

als je de mijnes combineert met die van bas hoort het te werken. ( mijn code + opmaak van bas )

Bas, merk wel op dat wat jij geeft als code je net de title attribuut zelf stijlt, maar het element met het title attribuut.

Wat ze in die tutorial die je gaf doen is gebruik maken van pseudo elements (::after) om de tekst in de title te krijgen (met attr()) en dan die pseudo element te stijlen.