texte barré avec la barre et le texte de 2 couleurs diff

texte barré avec la barre et le texte de 2 couleurs diff - HTML/CSS - Programmation

Marsh Posté le 06-04-2005 à 12:00:19    

Hello !
Est il possible de barrer le texte HTML a laide de la balise <strike> ou de la css
text-decoration:line-through d'une autre couleur que le texte qui est barré ?
jai pas trouvé ,si quelqu'un sait ?
<html>
<head>
 <title>Untitled</title>
<style type="text/css">
 
.bleutitre {font-size: 13px ; font-family: Verdana; color:#0074A5;font-weight:bold; text-decoration:none}
 
 
}
</style>
 
</head>
 
<body>
<div align="center">
<font class="bleutitre"><strike>Test de texe barré</strike></font>
</div>
</body>
</html>

Reply

Marsh Posté le 06-04-2005 à 12:00:19   

Reply

Marsh Posté le 06-04-2005 à 12:03:32    

<font> et <strike> n'existent pas :o
 
Sinon non, c'est impossible...

Reply

Marsh Posté le 06-04-2005 à 12:06:26    

enfin c + valide W3c....  
et rien qu'avec les css c pas possible ?

Reply

Marsh Posté le 06-04-2005 à 12:06:49    

nope [:spamafote]

Reply

Marsh Posté le 06-04-2005 à 12:07:22    

Ou alors en trichant :D

Reply

Marsh Posté le 06-04-2005 à 12:09:57    

ah et comment tu triches ?

Reply

Marsh Posté le 06-04-2005 à 12:12:09    

En bidouillant avec des span, une bordure de couleur, et de la position relative :D

Reply

Marsh Posté le 06-04-2005 à 12:26:44    

ok merci, un peu trop galere pour ce que je dois faire !
merci pour ton aide ! c sympa

Reply

Marsh Posté le 06-02-2009 à 14:26:42    

Bon le topic a largement dépassé la date de péremption, mais si jamais quelqu'un passe par là autant donner la solution:
c'est évidemment possible et c'est même très simple en imbriquant deux span. exemple:
 

<span style="color:red;text-decoration:line-through;"><span style="color:black;">Je suis écrit en noir et barré en rouge</span></span>


 
Voilà

Reply

Marsh Posté le 06-02-2009 à 15:08:35    

Mmh, j'ai tendance à préférer du code un peu plus sémantique

Code :
  1. <p>Je suis un texte <del style="color:red"><span style="color:#000"> noir barré en rouge</span></del></p>

Reply

Marsh Posté le 06-02-2009 à 15:08:35   

Reply

Marsh Posté le 25-02-2014 à 08:46:06    

strike

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed