Remplaçant de font-size:0%;

[Nicosmos]

Salut

J'ai sur une page plusieurs éléments en ligne (ici un span et des a), qui sont en display:block; pour les remplacer par une images (de fond). Afin que ce soit accessible, je les ai remplis de texte, que j'ai passé en font-size:0%; pour les rendre invisible (ou infiniment petit plutôt).

Tout fonctionne bien sur Gecko, mais sur le moteur d'Opera et sur Khtml, on voit le texte, en très petit oui, mais il y est, ce qui fait bizarre et n'est pas très beau

D'où ma question, comment remplacer font-size:0%; ? Qu'utiliser pour rendre du texte totalement invisible ?

Merci
Nico

[calimo]

Hé, on voit que tu n'as pas défini une taille de police minimale dans tes options

Utilise plutôt du display:none, visibility:hidden ou encore un top:-1000000;

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1

[Nicosmos]

Ben, celas font disparaitre tout l'élément et pas seulement le texte
Pour un exemple concret, ma page d'accueil par exemple (en signature).
Le menu est composé de a et le titre est un span ...

[FF_Olivier]

D'où ma question, comment remplacer font-size:0%; ? Qu'utiliser pour rendre du texte totalement invisible ?

Code : Tout sélectionner

element(s) {
  background-color: #FFFFFF;
  color: #FFFFFF;
}

[Nicosmos]

Oui mais le fond est multicolore ^^

[martin]

je vois malheureusement pas mieux que :

Code : Tout sélectionner

<span><span>mon texte</span></span>
<a href="jhg"><span>mon lien</span></a>

et

Code : Tout sélectionner

span span {display: none;}
a span {display: none;}

(éventuellement avec des classes)

malheureusement parce que çà déroge à la séparation contenu/présentation, à moins de trouver une justification à ces span internes, mais bon c'est pas "trop" profond, et c'est un cas où je ne pense pas que l'on puisse faire autrement...

[HP]

Le menu est composé de a et le titre est un span ...

un titre <span> ?
perso quand je fais un titre j'utilise h1, h2, h3, etc.

d'ailleurs sur ta homepage, les titres (un seul niveau : 2 <h1>) sont utilisés sans hiérarchie... et je trouve donc que leur usage est inadapté...

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.2pre) Gecko/20070208 Firefox/2.0.0.2pre (Mac Community Build, ElFurbe)

[Nicosmos]

un titre <span> ?
perso quand je fais un titre j'utilise h1, h2, h3, etc.

d'ailleurs sur ta homepage, les titres (un seul niveau : 2 <h1>) sont utilisés sans hiérarchie... et je trouve donc que leur usage est inadapté...

Voui, c'est vrai que je pourrais remplacer mon span par un h1 et mes h1 par des h2

malheureusement parce que çà déroge à la séparation contenu/présentation, à moins de trouver une justification à ces span internes, mais bon c'est pas "trop" profond, et c'est un cas où je ne pense pas que l'on puisse faire autrement...

Oki, je vais bidouiller un truc comme ça alors

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1

[calimo]

J'ai sur une page plusieurs éléments en ligne (ici un span et des a), qui sont en display:block; pour les remplacer par une images (de fond). Afin que ce soit accessible, je les ai remplis de texte, que j'ai passé en font-size:0%; pour les rendre invisible (ou infiniment petit plutôt).

Tout bien réfléchi, si ces images remplacent du contenu, c'est que ce ne sont pas des images de fond, mais bel et bien de vraies images de contenu, qu'il convient donc d'insérer avec un joli <img src="..." alt="Le texte que tu as mis en texte">

Pas besoin de se prendre la tête avec des <span> et autre, il n'est (heureusement) pas encore interdit d'insérer des images dans les pages web si cela est adéquat

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1

[Nicosmos]

Voui, mais je n'avais pas le choix pour le rollover ... Et pour le logo, j'ai prévu d'en faire des spéciaux ("à la Google" ^^), si il est dans la feuille de style, c'est pour pouvoir le modifier sur toutes les pages en une seule fois ...