KalexЭмм, судя по вашему описанию и объяснениям, я так понимаю, что у вас с HTML и CSS не совсем дружественные отношения

На самом деле эти элементы CODE и PRE практически одинаковые и при равных условиях должны отображать текст одинаково. А у вас я вижу совершенно разное отображение.
Код PRE отличается от CODE только лишь тем, что PRE отображает все пробелы и переносы на новую строку. В то время, тег CODE не учитывает пробелы и хоть сотню пробелов показывает как один, а так же, не учитывает переносов строк. Вы хоть сотню раз переносите предложение на новую строку, у вас всё равно всегда всё будет отображаться в одну строку.
Но у вас ни того ни сего не происходит, а это значит, что у вас в шаблонах просто выставлены на эти теги стили CSS, в которых кто-то когда-то прописал для них стили отображения.
Пойдём дальше, вообще тег CODE используется для отображения программного или HTML или другого кода в таком виде, в каком он есть на самом деле в текстовом документе. Это придумано для того, чтобы показать пользователям свой код без вмешательства браузера в его отображение на странице. Например браузер подменяет ссылки на другие сайты как кликабельные и подчёркнутые и другого цвета или при использования тегов HTML браузер вместо текста может обрабатывать такие теги и делать текст жирным, если в тексте имеется тег [B], то есть браузер мешает разработчикам показать свой код по-настоящему. Вот для этого и были придуманы эти теги.
Тег PRE удобно использовать совместно с тегом CODE, когда вы хотите добиться определённого более тонкого отображения. Например, в последнее время довольно популярно использовать такое сочетание для подсветки синтаксиса в теге CODE. Для этого на тег PRE навешивается функция закрепления Java-скрипта, в котором описан синтаксис отображения всевозможных программных тегов различными цветами, а тег CODE просто не даёт браузеру отображать по-своему теги в программном коде.
Короче, то что вы нам показываете и описываете - отображается по разному не из-за тегов PRE или CODE, а из-за стилей CSS, которые применены к этим тегам.
Добавлено спустя 28 минут 28 секунд:А у вас я вижу вот что у вас понавешано на этот тег CODE в виде класса, не считая внешних зависимостей от таблицы и body:
Код: выделить все .code { font-family: 'Courier New',Courier,sans-serif; font-size: 9pt; color: #45688b; background-color: #e8eff7; border: #45688b; border-style: solid; border-width: 1px; display: block; margin-top: 4px; padding: 8px; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; white-space: -moz-pre-wrap; } |
В общем посмотрите на ваш шаблон, что там в стилях CSS прописано здесь:
Вот эта строчка:
Код: выделить все .code{font-family:'Courier New',Courier,sans-serif;font-size:9pt;color:#45688b;background-color:#e8eff7;border:#45688b;border-style:solid;border-width:1px;display:block;margin-top:4px;padding:8px;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;white-space: -moz-pre-wrap} |
Там вы можете изменять по своему усмотрению отступы слева, справа, изнутри, снаружи, отовсюду, потом цвет, размер жирность шрифта, бэкграунда и т.п., в общем всё по вашему хотению.
А вот на тег RPE у вас ничего не навешано, поэтому он так выглядит во всю ширину, не окрашенный и не в таблице, а вот код CODE ещё и помещён в таблицу с отступами и ограничением по ширине 90%.
Хотя не, стиль есть на PRE, но только на сохранение пробелов и разрешены переносы по словам:
Код: выделить все pre {white-space:pre-wrap;word-break:break-all;word-wrap:break-word;white-space: -moz-pre-wrap} |