Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Вывод длинной строки при использовании тега PRE, текст раздвигает таблицу... 
:(
    Опции темы
Teleport
Дата 5.2.2009, 17:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 557
Регистрация: 5.7.2008
Где: Прибалтика

Репутация: нет
Всего: 6
вывожу текст таким образом:
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
</head>

<body>
 <table width="60%" border="1">
  <tr>
    <td width="50%">
    <pre>
    111
    22222
    3333333
    </pre>
    
    </td>
    <td width="50%">&nbsp;</td>
  </tr>
</table>

</body>
</html>



в данном случае тег pre работает замечательно. Но вот проблема возникает - если у меня вместо строки 3333333 есть строка 33333333333333333333333333333333333333444444444444444444444444444444444444444444455555555555555555555555555555566666666666666666666677777777777.
Тогда моя табличка начинает просто раздвигаться. Как решить проблему?
Думаю есть два способа:
1) Чтобы появлялась горизонтальная полоса прокрутки. 
2) Чтобы переносился текст, когда дойдет до границы своего столбца... 

Подскажите как реализовать эти два способа. 


--------------------
user posted image
user posted image 
PM MAIL   Вверх
bars80080
Дата 5.2.2009, 18:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315
засуньте в <div style="overflow-x: scroll; width: 100%;">
PM MAIL WWW   Вверх
ksnk
Дата 5.2.2009, 19:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386
2) на dk-lab'е было много тем и приличных решений про переносы символов.
Самое простое - расставить через каждые X символов - символ преноса.
Цитата

Код

var delim = document.all?'\u00ad':'\u200b';
  text.replace(/(<[^>]+>|\S{10})/g,delim+"$1");






--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Teleport
Дата 5.2.2009, 20:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 557
Регистрация: 5.7.2008
Где: Прибалтика

Репутация: нет
Всего: 6
с полосой прокрутки вроде бы решил вот так:
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>

<style type="text/css">
<!--
#apDiv1 {
    position: relative;
    width:100%;
    height:500px;
    z-index:1;
    overflow: scroll;
}
-->
</style>
</head>

<body>
 <table width="60%" border="1"  height="10">
  <tr>
    <td width="50%">
    <div id="apDiv1">
    <pre>
   
    111
    22222
    3333333444444444444444444444444444444444444444444445555555555555555555555555555
</pre></div>    </td>
    <td width="50%">&nbsp;</td>
  </tr>
</table>
</body>
</html>




Это сообщение отредактировал(а) Teleport - 5.2.2009, 22:45


--------------------
user posted image
user posted image 
PM MAIL   Вверх
Teleport
Дата 5.2.2009, 21:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 557
Регистрация: 5.7.2008
Где: Прибалтика

Репутация: нет
Всего: 6
Блин! Opera и FF этот код съели, а вот IE7 не съедает!!! Как быть?? 


--------------------
user posted image
user posted image 
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0450 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.