alt of title-tekst in een ander lettertype

Status
Niet open voor verdere reacties.

fred99

Nieuwe gebruiker
Lid geworden
26 dec 2009
Berichten
1
Als je in html "alt" gebruikt om extra info mee te geven aan een image, verschijnt de tekst altijd in een box waarin een klein grijsachtig lettertje wordt gebruikt.
Weet iemand of je dit kunt wijzigen in een ander lettertype/grootte?
Zo ja, hoe?

Ik ben al een paar dagen aan het zoeken maar kan het nergens vinden. HELP!!!
 
Voor zover ik weet kun je dat niet wijzigen. Als je in die box een ander lettertype wilt, kun je een javascript hover script gebruiken die de title vervangt, das denk ik de enige oplossing.
 
alt en title loopt wat door elkaar heen.
alt is de tekst die je krijgt te zien als de afbeelding niet wordt getoond. title is wat je krijgt te zien als je over de afbeelding hovert.
Internet Explorer 6 en 7 laten foutief de alt-tekst zien bij hoveren, zelfs als je 'n title-tekst hebt. IE 8 heeft deze fout eindelijk gecorrigeerd.

De title is alleen met JavaScript te veranderen.
De alt-tekst kan in sommige browsers gewoon ''n style krijgen. Als je de <img> 'n style geeft, geldt die ook voor de alt. Maar niet in alle browsers. Ik weet niet precies in welke wel of niet, in ieder geval niet in IE 6 en wel in Firefox en Opera.
Je moet dan de <img> wel 'n breedte en hoogte meegeven zodat de tekst erin past, anders hakt Opera (en mogelijk meer browsers) hem af.
 
Hoi Fred,
Holadiola: hoewel de vraag al groen afgevinkt staat, toch nog een verse reactie.
Inderdaad kan je het originele "title" of "alt" attribuut niet zomaar zelf stylen, maar er is wel een heel andere manier om zo'n hover-boxje een ander lettertype of een andere lettergrootte te geven.
Het kan gewoon zonder javascript, en met css. :love:
  • De toverwoorden zijn "css hover tooltip". of "css pop-up". Met Google krijg je heel veel varianten! :D
Alvast een kleine selectie, want Google geeft kaf en koren ongescheiden...
  • Een voorbeeld om een "tooltip" (de officiële naam van zo'n opdoemende mini-box-met-verklaring) steeds dezelfde plaats op de pagina op te laten poppen, staat hier: Hovering with css pop-up (zie broncode). Met deze techniek kunnen zelfs ook hele afbeeldingen getoond worden als je over een bepaald woord heen hoevert.
Maar het kan ook het bescheiden boxje blijven vlakbij het trefwoord, met je eigen lettertype, lettergrootte, kleur, achtergrondkleur, enz.
  • Een uitstekend uitgebreid artikel van 4 bladzijden, waarin alle aspecten ervan wel aan de beurt komen, is van John Gallant ("Big John" van "PIE", Position Is Everything: voor als je eens een keer niets te doen hebt. ;) ) en Holly Bergevin (van de oude trouwe "Holly Hack" om Internet Explorer in het gareel te krijgen).
  • Een simpel voorbeeld staat hier: Easy CSS Tooltip.
En zo is er dus nog veel meer in omloop: met css kan (bijna) alles.

Veel plezier ermee!
CSShunter
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan