masquer texte en css

Invité
Invité n'ayant pas de compte PHPfrance

01 juil. 2010, 14:01

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.

Eléphanteau du PHP | 14 Messages

01 juil. 2010, 15:38

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à

Invité
Invité n'ayant pas de compte PHPfrance

02 juil. 2010, 10:01

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?

ViPHP
ViPHP | 3607 Messages

02 juil. 2010, 10:28

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...?

Mammouth du PHP | 672 Messages

02 juil. 2010, 11:32

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; }