masquer texte en css

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : masquer texte en css

Re: masquer texte en css

par macgawel » 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; }

Re: masquer texte en css

par jojolapine » 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...?

Re: masquer texte en css

par Invité » 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?

Re: masquer texte en css

par Kajan » 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à

masquer texte en css

par Invité » 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.