Discussion :

[wpast]

Bonjour,

Pourriez vous m'aider, je souhaiterai remplacer le signe "<" par "et +" sur un tableau en css uniquement.

Voici le tableau actuellement :

100 <	200<	300<
a	b	c

Voici le tableau que je souhaite :

100 et +	200 et +	300 et +
a	b	c

Auriez vous une idée ?

Merci d'avance !

[JujuPomme]

Bonjour,

Impossible. Le css est utilisé la mise en forme, en aucun cas le contenu/fond.

A moins de coller une image à la place, et ce sera purement visuel, à ma connaissance c'est impossible...

[wpast]

Merci pour ta réponse. Et Je n'ai rien trouvé sur le web pour cacher le dernier caractère du td, ce n'est pas faisable non plus ?

[JujuPomme]

Je ne suis pas la science infuse (bieeeeeen loin de là ), mais non seulement je ne sais pas de quelle manière on peut modifier du contenu avec du CSS, mais également ça ne m'est jamais venu à l'idée

Si tu expliques un peu plus ce que tu cherches à faire, je pense que je/les autres internautes pourront t'aider et trouver de meilleures solutions

[Invité]

Bonjour,

on ne peut pas modifier le contenu texte d'une balise en CSS.

Par contre, on peut "ruser" : http://codepen.io/jreaux62/pen/BKbrMR

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table>
  <tr>
    <th class="plus">100 <</th>
    <th class="plus">200 <</th>
    <th class="plus">300 < </th>
    <th >Autre</th>
  </tr> 
 <tr>
    <td>fgsd gsdfgdfg sdfgs dfgsdfg </td>
    <td>ezrt zertzet</td>
    <td> ityui tyuityui tyuity sdfsdf sdgsdfg sdfgsdfg sdfgsdfg sduy</td>
    <td>uio tyyu i</td>
  </tr> 
</table>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
table th.plus { 
  position:relative; 
  padding-right:20px; 
}
table th.plus:after { 
  position:absolute;
  width:30px;
  right:50%;
  margin-right:-30px;
  background:#fff;
  content:' et +'; 
}

Mais ce n'est qu'un emplâtre sur une jambe de bois.

La meilleur solution reste de modifier "à la source" (avant affichage : corriger les textes dans la base de données, par exemple !)
Sinon :
modifier en PHP (avant affichage)
ou à la volée en JavaScript (après affichage)

[wpast]

Merci beaucoup pour vos retours !
Je n'avais pas penser à la bdd ! génial.
Bonne journée,