Что нового

горизонталная прокрутка в теги code

  • Автор темы Автор темы lich-king-best
  • Дата начала Дата начала
L

lich-king-best

Гость
width:400px; остальное будет прокручиватся.
 
Вроде так:overflow-x: hidden !important;
 
Цитата: lich-king-bestwhite-space: pre;замени на white-space: pre-wrap; или white-space: normal;
 
При написании длинных кодов в теге CODEпоявляется прокрутка.из за этого на маленьких мониторах правая часть кода теряетьсяКак это исправить ?могу дать это.scriptcode {color:#000;font:8pt Verdana;text-align:left;background-color:#FFFFE0;border-color:#bebebe;border-style:dotted;border-width:1px;padding:5px;}так же внизу ссs есть это Показать / Скрыть текст/*---Подсветка кода в теге [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;}/*---прогресс бар заполненности персональных сообщений---*/.pm_progress_bar {    border: 1px solid #d8d8d8;    padding: 1px;    margin-top: 10px;    margin-bottom: 10px;}.pm_progress_bar span {    background: #000000;    font-size: 0em;    text-indent: -2000em;    height: 10px;    display: block;    overflow: hidden;}/*---Вывод результатов голосования на сайте---*/.voteprogress {  overflow: hidden;  height: 15px;  margin-bottom: 5px;  background-color: #f7f7f7;  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;}.voteprogress span {  color: #ffffff;  text-align: center;  text-indent: -2000em;  height: 15px;  display: block;  overflow: hidden;  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  background: #0e90d2;  background-image: -moz-linear-gradient(top, #149bdf, #0480be);  background-image: -ms-linear-gradient(top, #149bdf, #0480be);  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);  background-image: -o-linear-gradient(top, #149bdf, #0480be);  background-image: linear-gradient(top, #149bdf, #0480be);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);}.voteprogress .vote2 {  background-color: #dd514c;  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);  background-image: linear-gradient(top, #ee5f5b, #c43c35);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);}.voteprogress .vote3 {  background-color: #5eb95e;  background-image: -moz-linear-gradient(top, #62c462, #57a957);  background-image: -ms-linear-gradient(top, #62c462, #57a957);  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));  background-image: -webkit-linear-gradient(top, #62c462, #57a957);  background-image: -o-linear-gradient(top, #62c462, #57a957);  background-image: linear-gradient(top, #62c462, #57a957);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);}.voteprogress .vote4 {  background-color: #4bb1cf;  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);  background-image: linear-gradient(top, #5bc0de, #339bb9);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);}.voteprogress .vote5 {  background-color: #faa732;  background-image: -moz-linear-gradient(top, #fbb450, #f89406);  background-image: -ms-linear-gradient(top, #fbb450, #f89406);  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);  background-image: -o-linear-gradient(top, #fbb450, #f89406);  background-image: linear-gradient(top, #fbb450, #f89406);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);}
 
overflow-x: hidden !important; убрало прокрутку на сайте, однако при предварительном просмотре таже байдаwhite-space: pre-wrap; текст перестал выезжать за границы при чём везде в админке в просмотре и в боковых столбцах сайта даже крупные картинки начали сжиматься и перестали выезжать.Проделал тоже самое в файле preview.cssВсё теперь прокруткам и выезжавшим элементам можно поохать ручкой, всем спасибо
 
Верх