[Typo3] FCE and clean XHTML+CSS

[Yann SADOK]

Create a span for txt with display none, in a div or another container with
an image in background

Yann SADOK
 
SYD  Web-Lance
Création et Développement de solutions Internet
CMS TYPO3
 
Coordonnées : 
27 b, rue Carnot
F-77860 Quincy-Voisins
Tél.: +33(0)685110237
Fax : +33(0)160041646
E-mail : ysadok at web-lance.com
Site Internet : www.web-lance.com
-----Message d'origine-----
De : typo3-english-bounces at lists.netfielders.de
[mailto:typo3-english-bounces at lists.netfielders.de] De la part de JoH
Envoyé : mardi 19 avril 2005 16:16
À : typo3-english at lists.netfielders.de
Objet : Re: [Typo3] FCE and clean XHTML+CSS

>> but it's not as clean as i'd want it to be:
>>
>> <h3 style="background:url("path of the created image");
>> height:[height of image]; width:[width of image];"><span
>> style="display:none;">My Header: Yeah, it is text!</span></h3>
>>
>> This would be visible also on text only devices and would look great
>> on small screens disabling CSS. Is this possible? Any hint?
>>

But it will not be visible to modern screenreaders, since "display:none" is
interpreted as "don't read"!

> Yep, search the list archive; there have been a couple of threads
> about doing this, and I also posted a basic setup for this kind of
> headers to the accessibility newsgroup a few months ago (to find
> that, search for 'FIR' and I think you'll find it.

Here's another solution that will work with screenreaders too:

text-indent and/or line-height
http://phark.typepad.com/phark/2003/08/accessible_imag.html

TS Setup can be found in the same threads mentione by Christopher.

Joey

-- 
Wenn man keine Ahnung hat: Einfach mal Fresse halten!
(If you have no clues: simply shut your knob sometimes!)
Dieter Nuhr, German comedian
openBC: http://www.openbc.com/go/invuid/Jo_Hasenau


_______________________________________________
Typo3-english mailing list
Typo3-english at lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-english