Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) После вставки исходного кода расширяется сайт

После вставки исходного кода расширяется сайт


     23.01.2012    Стили (CSS)    2660

вопрос
после вставки кода шаблон растягивается:



Как сделать чтобы такого небыло?

Ответил: ПафНутиЙ


Задайте классу блока, оборачивающего код меньшую ширину (или просто её задайте если её не было) и overflow:hidden;

Комментарии пользователей (1)

Aleks
1

21 | 19

Aleks - 23 января 2012 14:22 - Юзер

оборочивает его новый код для dle 9.5
pre code

/*---подсветка текста в теге [code]---*/

pre code {
  display: block; padding: 0.5em;
  background: #f9fafa;
  border: 1px solid #dce7e7;
  overflow:auto;
  white-space: pre;
}

pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #93a1a1;
  font-style: italic;
}

pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .lisp .title {
  color: #859900;
}

pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #2aa198;
}

pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .builtin,
pre .built_in,
pre .lisp .title,
pre .identifier,
pre .title .keymethods,
pre .id {
  color: #268bd2;
}

pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
  font-weight: bold;
}

pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .label {
  color: #b58900;
}

pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .diff .change,
pre .special,
pre .keymethods,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {
  color: #cb4b16;
}

pre .deletion {
  color: #dc322f;
}

pre .tex .formula {
  background: #eee8d5;
}


подскажите как правильно и куда вставить
overflow:hidden;



даже если его удалить без обводки всеравно дизайн плывёт

разобрался в коде который выше заменил
white-space: pre;

на
white-space: normal;


Для тех у кого тоже такое вот на заметку
Синтаксис
white-space: normal | nowrap | pre

normal Текст в окне браузера выводится как обычно, переносы строк устанавливаются автоматически.
nowrap Переносы строк в коде HTML игнорируются, весь текст отображается одной строкой,
вместе с тем, добавление тега <BR> переносит текст на новую строку.
pre Текст показывается с учетом всех пробелов и переносов, как они были добавлены разработчиком в коде HTML. Если строка получается слишком длинной и не помещается в окне браузера, то будет добавлена горизонтальная полоса прокрутки.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы