PHPfrance

la communauté d'entraide francophone dédiée au PHP

[RESOLU] supprimer du texte via 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 : [RESOLU] supprimer du texte via css

Re: [RESOLU] supprimer du texte via css

par foetus69 » 13 août 2015, 12:44

Ah ok en effet je ne rentrais pas dans tous les éléments :)

MERCI !!!

Re: [RESOLU] supprimer du texte via css

par @rthur » 12 août 2015, 14:17

Un truc du genre : 
#madiv > table:nth-of-type(1) > tbody > tr:nth-of-type(1) > td:nth-of-type(1) {
 background-color:red; 
}
#madiv > table table:nth-of-type(1) > tbody > tr:nth-of-type(1) > td:nth-of-type(1) {
 background-color:green; 
}
http://codepen.io/anon/pen/VLNLBQ
Mais il est probablement possible d'optimiser..

Re: [RESOLU] supprimer du texte via css

par foetus69 » 12 août 2015, 12:15

C'est tout simplement génial :)

Et dans le cas de tableaux imbriqués ?

Exemple : 
<div id="madiv">
<table width="50%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</td>
  </tr>
</table>
</div>
Comment dire à la première cellule du premier tableau de se colorier en rouge et à la première cellule du second tableau de se colorier en vert ? J'arrive à cibler mes éléments mais mes 2 cellules prennent la couleur rouge :-k

Re: [RESOLU] supprimer du texte via css

par @rthur » 12 août 2015, 11:57

Il est même préférable d'utiliser nth-of-type() pour être sûr de bien sélectionner des éléments de même type :

Voici un exemple :
http://codepen.io/anon/pen/VLNLBQ

Re: [RESOLU] supprimer du texte via css

par foetus69 » 12 août 2015, 11:29

C'est cool ça :)

Genre on peut combiner de la sorte et appeler la 2ème cellule du premier tableau trouvé dans madiv ? 
#madiv table:nth-child(1) td:nth-child(2)
J'ai bon ?

Fée

Re: [RESOLU] supprimer du texte via css

par @rthur » 12 août 2015, 09:57

Oui c'est possible avec : 
td:nth-child(2)
Attention c'est du CSS3 donc pas compatible avec les anciennes versions de IE (>IE9 il me semble)

Re: [RESOLU] supprimer du texte via css

par foetus69 » 12 août 2015, 09:46

Re,

Je pensais... si si ça m'arrive :)

Est-il possible d'atteindre le 2ème td d'un table pour lesquels je n'ai pas d'id ou de class et seulement le nom d'un div parent ?

Tordue jusqu'au bout :lol:

Re: supprimer du texte via css

par foetus69 » 11 août 2015, 23:35

Encore toi ^^

Je connaissais pas, super merci @rthur tu me sauves la vie !!!!!

Re: supprimer du texte via css

par @rthur » 11 août 2015, 16:18

Bonjour,

Oui c'est possible avec les propriétés CSS ::nth-word 
body::nth-word(2) {
  display:none;
}
Pas mal d'exemples ici :
https://codepen.io/FWeinb/pen/djuIx

supprimer du texte via css

par foetus69 » 11 août 2015, 15:36

C re mwa :)

Est-il possible en css de supprimer du texte qui n'est pas dans une balise (j'aurai tendance à dire non)

Exemple : <body>coucou phpfrance</body>

supprimer 1 des 2 mots ou les 2.

Féfé