2008-12-11 10 views
10

esta pregunta puede crear un malentendido: Sé que tengo que usar CSS para validar mi documento con éxito como XHTML 1.0 Transitional. El hecho es que tengo a incrustar en mi página web una imagen compuesta por ceros y unos creados con text image, y el problema es que el código utiliza la etiqueta font obsoleta y tiene este¿Qué etiqueta debo usar en lugar de fuente de etiqueta obsoleta en html? (No puedo usar CSS)

<!-- 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 --> 

(En este ejemplo de código I insertó una línea nueva después de cada par de etiquetas para que sea más legible, pero el código original está en una sola línea debido a la etiqueta <pre>). cambios de color de la fuente, al menos, miles de veces, así que nunca se consideró para crear un campo en el CSS para cada combination.Hope alguien conoce al menos dónde encontrar una solución, he buscado por todas partes :) Gracias

+0

Cuando dice que el color cambia al menos 1000 veces, ¿quiere decir que hay más de 1000 colores diferentes? – Ken

+0

sí, no sé el número correcto, pero hay 300 * 15 entradas (ceros o unos) y cada uno podría tener un color diferente – gc5

+0

": sé que tengo que usar CSS para validar mi documento con éxito como XHTML 1.0 Transitional" - Eso no es en absoluto cierto. –

Respuesta

31

Se podría sustituir

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

con

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

etc ...

* Editar: Sé que esto es CSS, pero no implica una hoja de estilos separada como los estados de la pregunta, que puede estar bien.

+0

Vaya, acabo de publicar exactamente la misma sugerencia. Eliminaré el mío, pero estoy de acuerdo con Ryan: esta solución no emplea una hoja de estilo.Sin embargo, tenga en cuenta que aumenta la cantidad de páginas en una cantidad determinada. – dland

2

¿Qué pasa con javascript?

Envíe los datos de color como una matriz JSON, el '0' y '1' como otra matriz y genere dinámicamente los elementos 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> 

O algo así ...

3

Gracias mucho! : D Utilicé este código

<!-- 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 --> 

¡Funciona correctamente! : D

1

¿Por qué es necesario validar?

La solución que ya tiene es absolutamente buena para lo que está haciendo. Funciona. Este no es un documento significativo que debe estar marcado con etiquetas semánticas para una mejor accesibilidad; es una obra de arte, así que no dude en ignorar las reglas si le ayuda a expresar sus intenciones con más claridad.

Si la validación es parte de la declaración artística que está tratando de hacer, entonces use <span style="color:#ff00ff;">00</span> como lo sugieren otros carteles, pero eso aumentará considerablemente el tamaño de su archivo.

Otro enfoque es simplemente cambiar el tipo de documento para que no tenga como objetivo XHTML Transitional: use <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> o alguna revisión anterior de HTML.

+0

Gracias por publicar. Estoy de acuerdo con usted en no seguir las reglas en algunos casos, pero estoy tratando de acercarme más al XHtml estándar, y el tamaño del archivo no es tan importante para esa página; Además, en este caso obtuve el mismo resultado :) – gc5

+0

Tengo que decir que no estoy de acuerdo. Es universalmente aceptado que HTML es difícil de admitir universalmente como resultado de la falta de implementaciones estándar. XHTML está destinado a aliviar esto, y todos debemos esforzarnos por cumplir con el nuevo estándar y eliminar el dolor del HTML original. –

Cuestiones relacionadas