Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Перенос строки и скролинг
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Перенос строки и скролинг

Страниц (1): [1]
 

1. T-Mon - 18 Ноября, 2007 - 15:05:30 - перейти к сообщению
Подскажите, пожалуйста, как осуществить перенос строки в поле <textarea>, ибо <wrap="hard\soft"> в firefox не работает ( вотличие от ИЕ) и как убрать неактивный скролинг в ИЕ и Опере (в отличие от лисы, где автоматически не показывается), пока длина сообщения не достаточна для скролла. И второй вопрос: я достаю из юазы данных сообщение и вывожу его посредством echo, как заставить переходить символы на новую строку, если текст достиг правого края окна? Спасибо!\n\n(Добавление)
OFFTOP:
Странно, в описании тему попросил вывести <textarea>&echo"", а вывело <textarea>&echo"&­quot;.
2. Infuzzer - 18 Ноября, 2007 - 15:27:39 - перейти к сообщению
{ overflow: auto; word-wrap: break-word; }

(Добавление)
word-wrap только в ИЕ тоже работает.
\n\n(Добавление)
http://www[dot]w3schools[dot]com/css/pr_[dot][dot][dot]_white-space[dot]asp - перенос для нормальных браузеров.\n\n(Добавление)
А вот еще:
http://weblogtoolscollection[dot]com[dot][dot][dot]wrap-long-lines/
3. T-Mon - 18 Ноября, 2007 - 17:43:32 - перейти к сообщению
Что-то я не понял, что конкретно нужно вставить в, чтоб тэг <textarea>...
4. Infuzzer - 18 Ноября, 2007 - 18:04:52 - перейти к сообщению
В .сss файле:

textarea {
overflow: auto;
word-wrap: break-word;
white-space: pre-wrap;
white-space: -moz-pre-wrap !important;
white-space: -o-pre-wrap;
white-space: -pre-wrap;
}
5. T-Mon - 18 Ноября, 2007 - 21:36:56 - перейти к сообщению
Между тэгами <head> поставил:
PHP:
скопировать код в буфер обмена
  1. <style>
  2. textarea {
  3. overflow: auto;
  4. word-wrap: break-word;
  5. white-space: pre-wrap;
  6. white-space: -moz-pre-wrap !important;
  7. white-space: -o-pre-wrap;
  8. white-space: -pre-wrap;
  9. }
  10. </style>

А в тэг <textarea> добавил style="textarea", но ничего не изменилось...
6. Infuzzer - 18 Ноября, 2007 - 22:34:36 - перейти к сообщению
Охосспади...
Если в теге <style> указан стиль для textarea, то в самом теге <textarea> не нужно прописывать стиль.
Если хочешь стиль приписать именно к одному textarea - тогда делаешь так:
PHP:
скопировать код в буфер обмена
  1. <textarea style="overflow: auto; word-wrap: break-word; white-space: pre-wrap; white-space: -moz-pre-wrap !important;
  2. white-space: -o-pre-wrap; white-space: -pre-wrap;">
\n\n(Добавление)
Это основы css.
Можешь сделать так:
PHP:
скопировать код в буфер обмена
  1. ...<style>
  2.  .wrap-overflow {
  3.  overflow: auto;
  4.  word-wrap: break-word;
  5.  white-space: pre-wrap;
  6.  white-space: -moz-pre-wrap !important;
  7.  white-space: -o-pre-wrap;
  8.  white-space: -pre-wrap;
  9.  }
  10. </style>
  11. </head>
  12.  
  13. <body>
  14. <textarea class="wrap-overflow">...
7. T-Mon - 18 Ноября, 2007 - 22:46:05 - перейти к сообщению
Хмм... не работает.
8. Infuzzer - 19 Ноября, 2007 - 21:01:42 - перейти к сообщению
overflow точно должно работать. Насчет остального - не знаю.
9. T-Mon - 19 Ноября, 2007 - 21:39:29 - перейти к сообщению
PHP:
скопировать код в буфер обмена
  1. <html>
  2. <head>
  3. <title>Guestbook</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=cp1251">
  5. <style>
  6.   .wrap-overflow {
  7.   overflow: auto;
  8.   word-wrap: break-word;
  9.   white-space: pre-wrap;
  10.   white-space: -moz-pre-wrap !important;
  11.   white-space: -o-pre-wrap;
  12.   white-space: -pre-wrap;
  13.   }
  14.  </style>
  15. </head>
  16. <body>
  17. <form method="post" accept-charset="cp1251">
  18. Your name:<br>
  19. <input type="text" size=40 name="name">
  20. <br>
  21. Your message:<br>
  22. <textarea class="wrap-overflow" style="post" name="post" rows=10 cols=30 overflow="auto"></textarea>
  23. <br>
  24. <input type="submit" value="Post a message">
  25. <input type="hidden" name="input" value='1'>
  26. <br>
  27. </form>
  28. </body>
  29. </html>

Вот структура, ни в Опере, ни в Фоксе не работает...
10. Infuzzer - 19 Ноября, 2007 - 21:42:03 - перейти к сообщению
T-Mon пишет:
<textarea class="wrap-overflow" style="post" name="post" rows=10 cols=30 overflow="auto"></textarea>


o.O
Cкажи мне пожалуйста, что означает style="post"?
\n\n(Добавление)
И зачем ты приписываешь overflow="auto", когда это в css стиле уже прописано?
11. T-Mon - 19 Ноября, 2007 - 21:57:33 - перейти к сообщению
Не имеет значение, все это я добавил позже. Данный код также не работает:
PHP:
скопировать код в буфер обмена
  1. <style>
  2.    .wrap-overflow {
  3.    overflow: auto;
  4.    word-wrap: break-word;
  5.    white-space: pre-wrap;
  6.    white-space: -moz-pre-wrap !important;
  7.    white-space: -o-pre-wrap;
  8.    white-space: -pre-wrap;
  9.    }
  10.   </style>
  11.  </head>
  12.  <body>
  13.  <form method="post" accept-charset="cp1251">
  14.  Your name:
  15.  
  16.  <input type="text" size=40 name="name">
  17.  
  18.  
  19.  Your message:
  20.  
  21.  <textarea class="wrap-overflow" name="post" rows=10 cols=30></textarea>
12. Infuzzer - 19 Ноября, 2007 - 22:04:07 - перейти к сообщению
Ничего совсем не работает? Даже скроллинг?
13. T-Mon - 19 Ноября, 2007 - 22:12:37 - перейти к сообщению
ППЦ, не глумись, признаю, я додик. Додумался же вводить нераздельные символы, 2 дня вводил, даже не задумывался... а только что реально спохватился, ппц. Правда ИЕ и нераздельные переносит, но не в этом суть, извини за нервотрепку!
14. Infuzzer - 19 Ноября, 2007 - 22:16:15 - перейти к сообщению
Ничего, бывает. Улыбка
Значит проблема решена?
15. T-Mon - 19 Ноября, 2007 - 22:16:50 - перейти к сообщению
А все эти стили, кстати, нафиг не нужны, раздельные символы и без них переносятся, а нераздельные - никак не переносятся.

(Добавление)
Да, тему можно закрыть.

 

Powered by ExBB FM 1.0 RC1