Ce tag doit je utiliser à la place de la balise obsolète de la police dans le html (ne peut pas utiliser les CSS)

cette question peut créer un malentendu: je sais que je dois utiliser CSS pour validé mon document XHTML 1.0 Transitional. Le fait est que je dois intégrer dans ma page web, une image composée par des zéros et des uns créé avec texte de l'image, et le problème est que le code utilise la balise obsolète police et ressemble à ce

<!-- IMAGE BEGINS HERE -->
<pre>
    <font size="-3">
        <font color="#000000">0001100000101101100011</font>
        <font color="#010000">00</font>
        <font color="#020101">0</font>
        <font color="#040101">0</font>
        <font color="#461919">1</font>
        <font color="#b54f4f">1</font>
        ...etc.etc...
    </font>
</pre>
<!-- IMAGE ENDS HERE -->

(Dans cet exemple de code, j'ai inséré un saut de ligne après chaque couple de balises pour le rendre plus lisible, mais le code d'origine est dans un ligne à cause de la <pre> tag).
La couleur change au moins des milliers de fois, donc je n'ai jamais pensé à créer un champ dans le fichier CSS pour chaque combinaison.J'espère que quelqu'un sait au moins où trouver une solution, j'ai cherché partout 🙂
Grâce

Quand vous dites que les changements de couleur d'au moins 1000 fois entendez-vous il y a+ de 1000 couleurs différentes?
oui, je ne sais pas le nombre exact mais il y a 300*15 entrées (des zéros ou ceux) et chacun pourrait avoir une couleur différente
“: Je sais que je dois utiliser CSS pour validé mon document XHTML 1.0 Transitional” — ce n'est pas le moins du monde vrai.

OriginalL'auteur |

  1. 33

    Vous pouvez remplacer

    <font color="#000000">0001100000101101100011</font>

    avec

    <span style="color:#000000">0001100000101101100011</span>

    etc...

    *Edit: je sais que c'est le CSS, mais il n'a pas d'associer une feuille de style distincte, comme la question des états, qui peut être ok.

    Oups, je viens de poster exactement la même suggestion. Je vais supprimer le mien, mais je suis d'accord avec Ryan: cette solution n'a pas d'employer une feuille de style. Notez, cependant, qu'il n'en vrac vers le haut de la page par un certain montant.

    OriginalL'auteur

  2. 3

    Merci beaucoup! 😀 j'ai utilisé ce code

    <!-- IMAGE BEGINS HERE -->
<div style="font-size:x-small;font-family:monospace">
    <span style="color:#000000">0001100000101101100011</span>
    <span style="color:#010000">00</span>
    ...etc.etc...
</div>
<!-- IMAGE ENDS HERE -->

    Il fonctionne correctement! 😀

    OriginalL'auteur

  3. 2

    Ce à propos de javascript ?

    Envoyer les données de couleur d'un tableau JSON, le '0' et '1' comme un autre tableau et de générer dynamiquement les éléments du DOM. 

    <script>
values = [1, 0, 0, 1, ... ]
colors = ["010000", "020101", ...]

for (i = 0; i < values.length; i++) {
    span = createElement("span"); //use a portable function for creating elements
    span.setAttribute("style", "color:#"+colors[i]);
    txtNode = document.createTextNode(values[i]); 
    span.appendChild(txtNode);
    document.appendChild(span);
}
</script>

    Ou quelque chose comme ça...

    OriginalL'auteur

  4. 1

    Pourquoi est-il nécessaire de valider?

    La solution que vous avez déjà est absolument parfait pour ce que vous faites. Elle fonctionne. Ce n'est pas un véritable document qui devrait être marqué avec des balises sémantiques pour l'amélioration de l'accessibilité; c'est une œuvre d'art, alors n'hésitez pas à ignorer les règles si elle vous aide à exprimer vos intentions plus clairement.

    Si la validation est une partie de la démarche artistique que vous essayez de faire, puis utilisez <span style="color:#ff00ff;">00</span> comme suggéré par d'autres affiches - mais que vais augmenter la taille de votre fichier considérablement.

    Une autre approche, c'est juste pour changer le doctype de sorte que vous n'êtes pas cibler XHTML Transitional utilisation <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> ou certains plus tôt HTML révision.

    Merci pour l'affichage. Je suis d'accord avec vous au sujet de ne pas suivre les règles, dans certains cas, mais je vais essayer de le rendre le plus près que je peux à la norme XHtml, et la taille du fichier n'est pas important pour cette page; en outre, dans ce cas, j'ai obtenu le même résultat 🙂
    Je dois dire que j'en désaccord. Il est presque universellement admis que le HTML est difficile de soutenir universellement comme un résultat d'un manque de mise en œuvre standard. XHTML est destiné à atténuer cela, et nous devrions tous être en cherchant à répondre à la nouvelle norme et d'éliminer la douleur du HTML d'origine.

    OriginalL'auteur