Перенос строк в редакторе ПРОБЛЕМА

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

можно его ограничить CSS вот тока не пойму где, и можно ли сделать чтобы именно в редакторе было допустип предел написания букв и принудительно сам автор должен нажать на переход строки так как не может писать больше пока не сделает его ! ??????????

ПОМОГИТЕ

вот пример моего CSS

/*
THEME NAME: myJournal
THEME URI: http://blogosquare.com
DESCRIPTION: Прекрасная тема для любого сайта. Оригинальный дизайн. Скачано с <a href="http://wpworld.ru" terget="_blank" title="Мир WordPress">Мир wordpress</a>, переведено на сайте <a href="http://wpthemes.ru" title="Темы для wordpress" target="_blank">Темы для wordpress</a>.
VERSION: Hypereal
AUTHOR: <a href="http://blogosquare.com">Hans N.Coomar</a>
AUTHOR URI: http://blogosquare.com
*/

/* Choose your layout here, see Read to choose layout.txt found in theme’s folder. Default has been set to 3Columns with right sidebar. */
@import url(‘layouts/3cright.css’);

/* Sandbox default layout */
div#header{text-align:center;margin-bottom:2em;}
div#access div.skip-link{position:absolute;top:1em;right:1em;}

.entry-title{clear:both;}
div#container,div.sidebar{margin-top:2em;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.req-field{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
ol.commentlist li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}

div#footer{text-align:center;}

/*—:[ myjournal hypereal styles start here ]:—*/

body {font: 79%/1.6em ‘Trebuchet MS’, Arial, Verdana, sans-serif;color: #333;background:#fff!important;}

/* universal shadow_right background applications */

div#primary {
background: url(‘images/shadow_right.jpg’) top right repeat-y;
padding-left:5px;
border-bottom:1px solid #f0f0f0;
}

div#secondary {
background: url(‘images/shadow_right.jpg’) top right repeat-y;
}

div#content {
background: url(‘images/shadow_right.jpg’) top right repeat-y;
padding-left:12px;
}

/*—:[ sidebar styles ]:—*/

div.sidebar h3{background: url(‘images/category.gif’) 0 99.9% no-repeat;
padding: 0 10px 0 12px!important;border-bottom: 1px solid #ddd;display:inline;}

div.sidebar p {margin: 0 20px 7px 2px;}

div.sidebar ul {
width:98%;
padding-top:7px;
margin:2px 0 15px 0;
}
div.sidebar * {
list-style-type:none;
}

div.sidebar li ul {
margin:0 0 0 -10px;
padding:4px 60px 4px 10px;
}

div.sidebar ul ul li {list-style-type:none!important;padding: 0 17px 3px 10px;background: url(images/list.gif) -8px 5px no-repeat;color:#555;}

div.sidebar ul ul li:hover {background: url(images/list_hover.gif) -8px 5px no-repeat;}

div.sidebar li a:hover {border-bottom:1px solid #000;}

/*—:[ footer styles ]:—*/

div#footer {clear: left;width: 100%;margin: 0 auto 0 0;border-top:1px solid #f4f4f4;padding: 10px 0 10px 0;

font: 12px verdana;
text-align: center;
line-height: 15px;
color: #888;
}

/*—:[ left sitewide mini nav styles ]:—*/

#mini-nav {position:fixed;width: 20px;top: 89px;left:22px;background-image: url("images/clip.jpg");background-repeat: no-repeat;padding-right:4px;padding-top:33px;}

  • html div#mini-nav {width: 20px;top: 90px;left:16px;position:absolute;}

#mini-nav img{margin:2px;}

#mini-nav img,a {border:none;text-decoration:none;}

/*—:[ post image styles ]:—*/

img, a img{ border:0px;}
img.left { padding: 6px; margin: 0 10px 5px 0; background: #f5f5f5; border: 1px solid #bbb; float: left; }
img.left_off { margin: 0 10px 5px 0; float: left; }
img.right { padding: 6px; margin: 0 0 5px 10px; background: #f5f5f5; border: 1px solid #bbb; float: right; }
img.right_off { margin: 0 0 5px 10px; float: right; }
img.center { display: block; padding: 6px; margin: 0 auto 15px auto; background: #f5f5f5; border: 1px solid #bbb; }
img.center_off { display: block; margin: 0 auto 15px auto; }
.img wp-smiley {border:none!important;}
.wp-smiley {border:none!important;}

/*—:[ Header styles ]:—*/

.head_container {width: 1185px;border-top: 1px solid #f4f4f4;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;margin-left:38px;margin-top:31px;padding-left:20px;padding-top:37px;padding-bottom:25px;height:135px;}

  • html div.head_container {width:925px;margin-left:30px;}

#header {margin: 0 auto;background:#fafafa;}

  • html div#header {padding-bottom:8px;}

div#blog-description {margin-top:-10px;}

.skip-link {margin-top: 65px;left:863px;width:13%;}

  • html div.skip-link {margin-top: 47px!important;margin-right:7px!important;left:848px!important;}

/*—:[ Header mask image positioning for low resolution ]:—*/

div#headermask {position: absolute;top: 140px;right:10px;z-index: 1000;visibility: visible !important;
width:3.8%;
}

  • html div#headermask {position: absolute;top: 133px;right: -2px;z-index:1000;visibility: visible !important;

}

/*—:[ top navigation menu styles ]:—*/

#access ul.navmenu {list-style-type: none;position:absolute;margin-left:35px;}

  • html div#access ul.navmenu {margin-top:8px!important;}

#access ul.navmenu li {float: left; /* Stupid IE */padding: 4px;margin: 0px 4px 0px 0px;list-style-type: none;display: inline;background-color: #fff;font: 0.9em verdana,sans-serif;color: #000;border:1px solid #ccc;}

#access ul.navmenu li:hover {border:1px solid #777;}

#access ul.navmenu li a{float: left;color: #000;outline:none;text-decoration: none;}

#access ul.navmenu li a:hover {text-decoration: none;color: #000;background:#fff;}

#access ul.navmenu li.current_page_item{border:1px solid #888;background:#fafafa;}

#access ul.navmenu li.current_page_item a:hover {text-decoration: none;background:#fafafa;}

/*—:[ bottom page navigation styles ]:—*/

div#nav-below {font-family: Arial, Helvetica, Verdana, Sans-Serif;font-weight: bold;text-align: center;padding: 12px 15px 12px 12px;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #e2e2e2;font-size: 1.4em;margin-left:-12px;
width:94%!important;}

div#nav-below .nav-previous {float: left;width: 240px;text-align: left;}

div#nav-below .nav-next {float: right;width: 240px;text-align: right;}

div#nav-below p {margin:0;padding:0;}

div#nav-below a {color: #009de5;outline:none;}

div#nav-below a:hover {background:#fff;}

div#nav-below-single{
float: left;
width: 525px;
display: inline;
margin: 10px 0 0 10px;
font-family: Arial, Helvetica, Verdana, Sans-Serif;font-weight: bold;text-align: center;font-size: 1.0em;
border-top: 1px solid #f4f4f4;border-bottom: 1px solid #e2e2e2;
border-left: 1px solid #f4f4f4;border-right: 1px solid #e2e2e2;
margin: -2px -12px;
padding: 10px 5px 10px 5px;

}

div#nav-below-single a{
font-weight: bold;
text-decoration: none;
}

div#nav-below-single a:hover{
text-decoration: underline;
}

div#nav-below-single ul{
float: left;
width: 525px;
list-style-type: none;
margin: 0;
padding: 10px 0;
line-height: 24px;
}

div#nav-below-single ul li{
float: left;
margin: 0 10px;
display: inline;
}

div#nav-below-single ul li .nav-previous{
padding: 0 0 0 20px;
}

div#nav-below-single ul li .nav-next {
padding: 0 20px 0 0;
}

/*—:[ post and page styles ]:—*/

.hentry {margin: 16px 22px 0 0;padding: 7px 0 0 0;}

  • html div.hentry {margin: 0 22px 0 0!important;padding: 30px 0 0 0!important;}

.entry-date {margin: -12px 0 5px 0;font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;color:#777; padding-left:14px;background:url(‘images/clock.gif’) 0 50% no-repeat;}

.entry-content p {margin: 0 7px 10px 0;padding: 0 7px 0 0;}

.entry-content a {color:#38c;}

.entry-content a:visited {color:#009de5;}

.entry-content a:hover {color:#000;background:#fff;text-decoration:underline;}

.entry-content ul {list-style-type:none;}

.entry-content ul li {padding: 0 0 0 1.16667em;background: url(‘images/bullet.gif’) 0 0.4167em no-repeat;}

.entry-meta {text-align: right;color: #888;border-top:1px solid #f4f4f4;padding: 0 7px 2px 3px;margin-left:-12px; border-bottom:1px solid #f4f4f4;}

.entry-meta a{background-color:#fafafa;}

.entry-meta a:hover{border-bottom: 1px solid #dee4da;color:#000;background-color:#fafafa;}

.feedtiser {margin: 20px 0 0 0;padding: 10px 0px 0 30px;color: #333;background: #fff url(‘images/quote.gif’) no-repeat left top;font-style: italic;}

.feedtiser p {margin: 0 !important;padding-right: 30px;padding-bottom: 10px;}

.archive-meta {margin: 2px 22px 2px 5px;font-family: Arial, Helvetica, Verdana, Sans-Serif;font-size: 0.9em;background:#fcfcfc;padding-left: 5px;}

p.post-meta-title {background: #fff;font-family: Arial, Helvetica, Verdana, Sans-Serif;font-weight: bold;font-size: 1.4em;color: #888;text-align: right;}

.page-title {padding-top:10px;}

/*—:[ link page styles ]:—*/

#links-page ul {margin: 0px;padding: 0px;list-style-type: none;}

#links-page ul li {overflow: scroll;margin: 5px;padding: 0px;display: block;width:200px;float:left;background: #fcfcfc url(‘images/link_info.gif’) no-repeat right 0px;border-top: 1px solid #f0f0f0;}

#links-page ul li:hover {background: #fcfcfc url(‘images/link_info_hover.gif’) no-repeat right 0px;}

#links-page ul li ul{margin: 0px;padding: 0px 0px 0px 100px;}

#links-page ul li ul li {margin: 0px;width: 30px;float: left;}

/*—:[ widget calender styles ]:—*/

#calendar_wrap { width: 16.2em; margin: 12px 0 0.8333em 0; padding: 0 0.166667em; }

table#wp-calendar { width: 16em; border-collapse: collapse; }

table#wp-calendar caption { font-weight: bold; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; }

table#wp-calendar th { width: 2.3333em; font-size: 1.0em; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; color: #666; text-align: center; }

table#wp-calendar td { width: 2.3333em; line-height: 1.66667em; color: #999; text-align: center; }

table#wp-calendar td a, table#wp-calendar td a:visited { color: #000; font-weight: bold; }

table#wp-calendar td a:hover { color:#fff;text-decoration: underline; }

table#wp-calendar td#next, table#wp-calendar td#prev { width: 7.0em; }

/*—:[ header search form styles ]:—*/

#hsearchform input {border: 1px solid #fff;}

#hsearchform input#hs{border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:2px;width:130px;color: #0d0d0d;background-color: #fff;font-size: 1em; font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;}

#hsearchform input#hs:focus{border-left:1px solid #888;border-bottom:1px solid #888;}

/*—:[ global search form styles ]:—*/

#searchform { margin: 0 0 0.5833em 0; }

#searchform input#s { width: 15.91667em; padding: 0.25em; color: #777; font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; border: 0.083333em solid #999; border-right-color: #eee; border-bottom-color: #eee; }

#searchform input#s:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }

/*—:[ comment form styles ]:—*/

.comments {padding:10px 15px 0 0;margin:0 15px 0 0;color: #111;}

  • html div#comments {width:460px!important;} /* This is a hack for IE */

.comments p{line-height:1.4em;padding:4px 0 4px;}

.comments ol {padding-left:0px!important;}

.comments li{margin:10px 0 10px;padding:2px 0px 2px 0px;list-style:none;}

div.comments li.trackback {background:url(‘images/trackback.gif’ 0 50% no-repeat);padding-left: 14px;}

#comment {background:url(images/com_com.gif) no-repeat 50% 50%;border: 1px inset #aaa;color: #111;font-family: verdana, helvetica, sans-serif; font-size: 1em; margin: 0; padding: 0.2em 0.3em;}

#commentform {padding-bottom: 30px!important;}

.form-input {width:380px;}

.form-textarea {width: 715px;}

* html div.form-textarea {width: 520px!important;}

#author,#email, #url {border: 0.083333em solid #999;border-right-color: #eee;border-bottom-color: #eee;padding-left:17px!important;}

#submit {
background-color: #f7f7f7;
border-width: 1px;
width: 100px;
font-size: 13px;
line-height: 18px;
margin-bottom: 2px;
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}

#author {background:url(images/com_name.gif) no-repeat 2px 0px;}

#email {background:url(images/com_email.gif) no-repeat 2px 2px;}

#url {background:url(images/com_url.gif) no-repeat 2px 1px;}

#author:focus, #email:focus, #url:focus, #comment:focus {border: 1px outset #38c;}

div.bubble{width:auto;font-size:1.2em;margin-bottom:24px;}

div.bubble blockquote{margin: 0px;color:#555;padding: 0px;border:1px solid #c9c2c1;background-color:#fcfcfc;}

div.bubble blockquote p{margin: 10px;padding:0;line-height:1.3em;font-family: ‘Trebuchet MS’, Arial, Verdana, sans-serif;font-size: 0.9em;}

div.bubble blockquote blockquote{color:#888;border:none;}

div.bubble cite{position:relative;margin:0px;padding: 8px 0px 0px 0px;top: 6px;background: transparent url(‘images/tip.gif’) no-repeat 20px 0; font-style:normal; font-family: ‘Trebuchet MS’, Arial, Verdana, sans-serif; font-size: 0.8em; color:#888;}

.commenttext-admin blockquote {border:1px solid #000!important;background-color:#fff!important;color:#000!important;}

.commenttext-admin p {color:#000!important;}

/*—:[ further styles ]:—*/

.small {font-size: 0.9em;color: #999;}

em{font-style: italic;background: #E6F2FF;}

pre,code {display:block;font: 1em ‘Courier New’, Courier, Fixed, monospace;font-size : 100%;color: #000;background : #fff url(images/preback.jpg) no-repeat left top; overflow : scroll; text-align:left; border : 1px solid #99cc66; /*highlight color */ padding : 0px 20px 0 30px; margin:1em 0 1em 0; line-height:17px;width:400px;}

.post blockquote blockquote,.comment ol.comments blockquote blockquote{border-left:5px solid #ccd0d6;font-size:0.9em;padding:0 1em;}

.post blockquote,.comment ol.comments blockquote{background:#fafafa url(‘images/blockquote.png’) no-repeat;color:#4d5663;padding:0.1em 1em;}

a{color:#009de5;text-decoration:none;}

a:hover{text-decoration:none;color:#fff;background:#38C;}

.hide img{-moz-opacity:0;filter:alpha(opacity=0);opacity:0;} /** use this class to hide images **/

.meta-nav {text-align: right; font-size: 1.25em; margin-top: -1.5em; font-weight: bold;}

Попробуй изменить значение margin и padding тут:

/*---:[ post and page styles ]:---*/

.hentry {margin: 16px 22px 0 0;padding: 7px 0 0 0;}

* html div.hentry {margin: 0 22px 0 0!important;padding: 30px 0 0 0!important;}

не помогло изменял разные значения !

Помогите кто занет !
или альтернотивное решение предложите !

Прикол в том что я пробовал данный метод написания на разных плагинах и всё было одно итоже, иожет проблема в сборкен от MAX 2.3.3

этот сайт про Сочи то который?
Смени тему и не мучайся 🙂

точно! попробуй сменить тему и посмотри что да и как будет глядеться…
если всё нормально, то правь CSS
А если опять всё также, будем дальше глядеть, что да как…

а у тебя в предложение есть пробелы до значания хотя бы 80 символов?

… если нет, то предложение длинною в слово будет очень трудно разделить и перенести.
Но спрятать можно через overflow:hidden;

{overflow: hidden} и {position: relative} в IE

В IE абсолютно (position: absolute) или относительно (position: relative) позиционированные блоки имеют обыкновение игнорировать правило {overflow: hidden} содержащего их элемента и преспокойно выступать за пределы его границ.

Для решения этой проблемы достаточно задать относительное позиционирование (position: relative) самому контейнеру. Приведённый пример это иллюстрирует.

CSS:
/* дочерний элемент */
#child {background: #ссс; position: relative; top: -25px; }

/* содержащий его контейнер */
#parent {overflow: hidden; position: relative; height: 50px; }
HTML:
<div id="parent"><div id="child">example</div></div>

http://tanalin.com/blog/2008/09/ie-overflow-hidden-position-relative/

Прикол в том что я пробовал данный метод написания на разных плагинах и всё было одно итоже, иожет проблема в сборкен от MAX 2.3.3

… не совсем понятно, каких плагинов? Вообще то тему надо править, плагины здесь ни при чем 🙂

ошибся в написании не плагинов а тем, применял 3 разных темы и у всех выступали слова за пределы границ !!!!

[quote=ais]Прикол в том что я пробовал данный метод написания на разных плагинах и всё было одно итоже, иожет проблема в сборкен от MAX 2.3.3

… не совсем понятно, каких плагинов? Вообще то тему надо править, плагины здесь ни при чем :)[/quote]

на счет твоего шаблона, там уже что-то не так… хотя бы в самых первых его строчках:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

далее, выключи навремя все плагины, например, SEO All-In-One

затем, просмотри все указанные значения div’ов..
если в теме есть <div id="wrapper" class="hfeed">
а в CSS таких значений нет, то как же это будет выглядеть то?

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

Всем спасибо за пост тема думаю моя закрыта

Осталось теперь разобраться с разрешением, но это другой пост !!!!!

[quote=ais]Прикол в том что я пробовал данный метод написания на разных плагинах и всё было одно итоже, иожет проблема в сборкен от MAX 2.3.3

… не совсем понятно, каких плагинов? Вообще то тему надо править, плагины здесь ни при чем :)[/quote]

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

Всем спасибо за пост тема думаю моя закрыта

Осталось теперь разобраться с разрешением, но это другой пост !!!!!

вместо букв ЫЫЫЫЫ в твоих тестовых предложениях, пропробуй использовать
Lore Ipsum Generator…
Наверняка он тебе даст ответы на твои вопросы 🙂
http://www.lipsum.com/

ais – ты приколист! Очевидное не всегда выглядит сразу же явным 🙂

вот тут sn прав пару дней с этой проблемой мучался, а выход оказался самым простым что я его даже и не видел !

сейчас бьюсь с двумя задачами правда по сложней
этос разрешением и подходящей фото галереи !

Не убейся! 🙂
Начни с малого…
скачай себе подсказки и пользуйся ими
http://www.w3school.ru/blog/web-development/cheat-sheets-web-developer.html

Наглядно показано, где и что как построено в CSS-шаблонах

В твоем шаблоне одна только картинка в шапке чего стоит! Ни в какие ворота не вмещается 🙂

О.о а темы выкладывать архивчиком не судьба? вы бы ещё взялись за публикацию Войны и Мира одним постом:(

Anonymous
Отправить
Ответ на: