Question

Почему в материалах не работает тег pre?

Answer 1

А вы как думаете, этим тегам вовсе не заданы никакие стили вот текст и отображается как обычный. Задайте стили и после все будет работать.

Comments

Почему слетает выравнивание(табуляция)?

---

Какие стили нужны?

---

Примерно следующие:

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

у меня такие стоят, вы конечно меняйте под себя.

---

Не правильно меня понял. У меня проблема с отступом таб. Код должен идти лесенкой.

Вот пример: http://itmages.ru/image/view/2843907/a1f62956

---

Вижу у вас для этого просто написаны стили, попробуйте использовать следующий скрипт - http://yraaa.ru/publ/1/3-1-0-630 намного лучше, чем то, что у вас сейчас.

---

Ладно. Но тег pre без всяких скриптов должен сохранять отступы. Он для этого презначен.

---

Без скриптов за отображение данного тега и содержимого, что внутри отвечают лишь стили которые у вас прописаны, если ничего не прописано то и будет отображаться соответствующее.

Я скрипт выше ранее как-то использовал, попробуйте, думаю вам подойдет, если просто пробовать стилями как вот у вас сделано, это много мороки.

---

У меня не хочет работать highlightjs

<link type="text/css" rel="StyleSheet" href="http://m1n1vv.narod.ru/dark.css" />
<script type="text/javascript" src="http://m1n1vv.narod.ru/highlight.pack.js"></script>

---

Вижу вы код вставили и ждете чуда, надеетесь , что достаточно вставить и все само выделится, нужно код завернуть в соответствующие теги Highlight.

Рекомендовал бы пользоваться конвертером - http://highlight.hohli.com/ очень удобно, вставил код, далее с меню выбрал нужный язык, жмем кнопку - liglight и ниже имеем готовый код для вставки на сайт.

---

А какие теги?

---

перейдите по ссылке на сайт - http://highlight.hohli.com/ который я предоставил выше:

1. Выбираем язык для кода.
2. Вставляем код для выделения в теги.
3. Жмем кнопку для генерации кода.
4. Получаем предосмотр как будет выглядеть код у вас на сайте.
5. Копируем готовый код и вставляем у себя на сайте.

---

Красиво, но проблема с отступом таб не решилась. Везде отступ в 1 пробел.

Как должно: http://itmages.ru/image/view/2844100/6b6c7cc6

А как получилось: http://m1n1vv.narod.ru/publ/pawno/scripts/kontr_ataka_nozhom/7-1-0-4

---

Почему табуляция слетает? http://itmages.ru/image/view/2844635/e6497d68

---

Так почему не сохраняется отступ tab?

---

почему не сохраняется это уже не ко мне, а к разработчикам скрипта

---

Так <pre> без всяких дополнений должен сохранять отступы. Это его задача.

"По умолчанию, любое количество пробелов идущих в коде подряд, на веб-странице показывается как один. Тег <pre> позволяет обойти эту особенность и отображать текст как требуется разработчику." 

---

Этот тег в материалах работает? Можно где-то глянуть пример его работы? Желательно с соблюдением табуляции.

---

не знаю должен ли, я данные тег у себя в блоге использовать вот недавно начал так как настроил bootstrap