этот вопрос может вызвать недоразумение: я знаю, что должен использовать CSS для успешной проверки моего документа как XHTML 1.0 Transitional. Дело в том, что мне нужно встроить на свою веб-страницу изображение, состоящее из нулей и единиц, созданных с помощью текстовое изображение, и проблема в том, что код использует устаревший шрифт тега и выглядит так
<!-- 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 -->
(В этом примере кода я вставил новую строку после каждой пары тегов, чтобы сделать его более читабельным, но исходный код находится в одной строке из-за тега <pre>).
Цвет шрифта меняется как минимум тысячи раз, поэтому я никогда не задумывался о создании поля в CSS для каждой комбинации. Надеюсь, кто-то знает хотя бы где найти решение, я искал везде :)
Спасибо
да, я не знаю правильный номер, но есть 300 * 15 записей (нулей или единиц), и каждая может иметь свой цвет
«: Я знаю, что мне нужно использовать CSS для успешной проверки моего документа как XHTML 1.0 Transitional» - это совсем не так.






Вы можете заменить
<font color = "#000000">0001100000101101100011</font>
с
<span style = "color:#000000">0001100000101101100011</span>
так далее...
* Обновлено: я знаю, что это CSS, но он не включает отдельную таблицу стилей, такую как состояния вопроса, что может быть нормально.
Ой, я только что опубликовал точно такое же предложение. Я удалю свой, но я согласен с Райаном: это решение не использует таблицу стилей. Обратите внимание, однако, что он на определенную величину увеличивает размер страницы.
А как насчет javascript?
Отправьте данные о цвете в виде массива JSON, «0» и «1» в качестве другого массива и динамически сгенерируйте элементы 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>
Или что-то вроде этого ...
Большое спасибо! : D Я использовал этот код
<!-- 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 -->
Работает корректно! : D
Зачем это нужно подтверждать?
Решение, которое у вас уже есть, абсолютно подходит для того, что вы делаете. Оно работает. Это не содержательный документ, который следует помечать семантическими тегами для повышения доступности; это произведение искусства, поэтому не стесняйтесь игнорировать правила, если они помогут вам более четко выразить свои намерения.
Если проверка является частью художественного заявления, которое вы пытаетесь сделать, используйте <span style = "color:#ff00ff;">00</span>, как предлагают другие плакаты, но это значительно увеличит размер вашего файла.
Другой подход - просто изменить тип документа, чтобы вы не нацеливались на XHTML Transitional - вместо этого используйте <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> или более раннюю версию HTML.
Спасибо за публикацию. Я согласен с вами в отношении несоблюдения правил в некоторых случаях, но я пытаюсь сделать его как можно более близким к стандартному XHtml, и размер файла не так важен для этой страницы; к тому же в этом случае я получил тот же результат :)
Должен сказать, я не согласен. Довольно повсеместно признано, что HTML сложно поддерживать повсеместно из-за отсутствия стандартных реализаций. XHTML призван облегчить это, и мы все должны стремиться соответствовать новому стандарту и избавиться от боли исходного HTML.
Когда вы говорите, что цвет меняется как минимум 1000 раз, вы имеете в виду, что существует более 1000 разных цветов?