Page 1 sur 1

masquer texte en css

Posté : 01 juil. 2010, 14:01
par Invité
Bonjour à tous,

j'ai un div comme ceci:
<div class="monDiv"> Mon texte </div>

Est il possible avec du css uniquement(marchant sous tous les navigateurs) de masquer le texte contenu dans le div?
Merci à tous pour vos réponses.

Re: masquer texte en css

Posté : 01 juil. 2010, 15:38
par Kajan
Salut,

Tu devrais trouver ton bonheur avec la propriété : visibility

Dans ton cas tu devrais mettre :

Code : Tout sélectionner

.monDiv { visibility: hidden; }
ça devrait normalement être compatible avec la plupart des navigateurs.
Par contre bien, sur même si le texte n'apparait pas, il occupe quand même l'espace

Voilà voilà

Re: masquer texte en css

Posté : 02 juil. 2010, 10:01
par Invité
Bonjour,
merci pour la réponse.
le div a un fond bleu et quand j'utilise visibility:hidden, le texte est bien masqué mais le div aussi.
Je cherche un moyen de masquer le texte à l'intérieur du div, sans masquer le div lui même et sans rajouter de balises html, juste en css.
cela est-il possible?

Re: masquer texte en css

Posté : 02 juil. 2010, 10:28
par jojolapine
Si je puis me permettre, c'est pour quoi faire?
Parcequ'attention aux moteurs de recherches qui n'apprécient pas tout ce genre de pratiques ;)
Sinon ben tu met la couleur de ton texte à la même valeur que ton fond...?

Re: masquer texte en css

Posté : 02 juil. 2010, 11:32
par macgawel
Déjà, il y a deux options pour le CSS :

Code : Tout sélectionner

display:none; /* Le texte n'est pas affiché visibility:hidden /* Le texte est caché
La différence ? Dans un cas tu conserves l'espace où il devrait y avoir le texte, dans l'autre non...

Et pour ton problème, tu mets le texte en question dans une balise - paragraphe ou span par exemple.
Et dans ton CSS :

Code : Tout sélectionner

.main span { display:none; }