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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Скролл в таблице 
:(
    Опции темы
PeReZ
Дата 10.11.2005, 00:23 (ссылка) | (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered
Подскажите плз. как сделать скрол в таблице HTML?!
  Вверх
2man
Дата 10.11.2005, 02:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Комодератор
Сообщений: 2007
Регистрация: 6.5.2005
Где: Нижние Чигири

Репутация: 1
Всего: 71
Обсуждалось уже:
Код

<textarea name="Name" rows=5 cols=20 wrap="off">текст</textarea>



--------------------
Быстро поднятое - упавшим не считаеся
PM MAIL ICQ MSN   Вверх
DEER
Дата 10.11.2005, 10:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 2
Всего: 13
а можно в ячейку запихать DIV
Код

<td>
 <DIV ID=oDiv STYLE="width: 200px; height: 200px; overflow: auto;">
  тут, если много текста , то будет скрол
 </DIV>
</td>



--------------------
 
PM MAIL WWW ICQ MSN   Вверх
sugee
Дата 15.11.2005, 12:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 3
Всего: 4
Случайно заглянул и вдруг понял что мне свю жизнь была нужна именно такая чтука!!!
Добавлено @ 12:01
smile
PM MAIL   Вверх
slider82
Дата 12.2.2008, 14:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
не пойму почему у меня в ИЕ не работает скролл, вот код:

Код

<style type="text/css">
.layer {
 overflow-x: auto;
}
</style>
<table width="100%"><tr>
<td>11111111111111</td>
<td width="70%">
    <div class="layer">
    <img src="http://img.photo.mail.ru/images/mail=tarantino06.75=44=p-702.jpg" width= "1500" height="100">
    </div>
</td></tr></table>
PM   Вверх
bars80080
Дата 12.2.2008, 15:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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



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

Репутация: 50
Всего: 315
ширину установи
Код

<style type="text/css">
.layer { width: 200px;
 overflow-x: auto;
}
</style>
<table width="100%"><tr>
<td>11111111111111</td>
<td width="70%">
    <div class="layer">
    <img src="http://img.photo.mail.ru/images/mail=tarantino06.75=44=p-702.jpg" width= "1500" height="100">
    </div>
</td></tr></table>
PM MAIL WWW   Вверх
slider82
Дата 12.2.2008, 15:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Цитата(bars80080 @ 12.2.2008,  15:31)
ширину установи


В том то и дело ширина фиксированная  не нужна, резиновый дизайн...
без таблицы прекрасно работает, а вот в таблице...
Но без нее не куда  smile 

Это сообщение отредактировал(а) slider82 - 12.2.2008, 15:37
PM   Вверх
bars80080
Дата 12.2.2008, 15:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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



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

Репутация: 50
Всего: 315
Код

<style type="text/css">
.layer { width: 100%; overflow-x: auto; }
.qw { width: 50%; background: #ccccff; }
</style>
<table width="100%" bgcolor="#cccccc"><tr>
<td>11111111111111</td>
<td class="qw">
    <div class="layer">
    <img src="http://img.photo.mail.ru/images/mail=tarantino06.75=44=p-702.jpg" width="1500" height="100" align="left">
    </div>
</td></tr></table>

будет тебе счастье
PM MAIL WWW   Вверх
slider82
Дата 12.2.2008, 16:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
А другого решения нет? в смысле, у картинки не ставить align="left"...
Потому что то, то что внутри дива я не могу контролировать...
PM   Вверх
bars80080
Дата 12.2.2008, 16:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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



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

Репутация: 50
Всего: 315
какая-то у тебя бесконтрольная вёрстка получается
пропиши ещё:
Код
.layer img { float: left; }


или вставь ещё один див, внутри которого будет находится layer, или рядышком в ячейке

или тогда уж приводи и код полный, и идею которую ты хочешь мне телепатировать...
PM MAIL WWW   Вверх
slider82
Дата 12.2.2008, 17:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Ок спс попробую на том что ты предложил реализовать...
PM   Вверх
Cosmologist
Дата 12.2.2008, 22:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: 0
такая же проблема - есть ячейка/блок, в нем еще блок с большим количеством текста(overflow:auto) - в фаерфоксе все нормально отображается - появляются скроллы, в ie скроллы не появляются, а растягивается родительский элемент. Также не могу у родительского элемента задать фиксированную велечину.
Пример проблемы здесь

Помогите пожалуйста решить эту задачку, а то у самого знаний не хватает  smile ...
PM MAIL   Вверх
bars80080
Дата 13.2.2008, 09:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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



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

Репутация: 50
Всего: 315
ну так почитайте, что написано в этой теме, примените те же настройки css
в частности вот здесь задаётся фиксированная ширина
Код
.layer { width: 200px; overflow-x: auto; }


а там уже отписывайте, что да как делали и какие эффекты наблюдались
с кодом пожалуйста
PM MAIL WWW   Вверх
Cosmologist
Дата 13.2.2008, 19:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: 0
Цитата(bars80080 @ 13.2.2008,  09:47)
ну так почитайте, что написано в этой теме, примените те же настройки css
в частности вот здесь задаётся фиксированная ширина
Код
.layer { width: 200px; overflow-x: auto; }


а там уже отписывайте, что да как делали и какие эффекты наблюдались
с кодом пожалуйста

ну с фиксированной шириной неинтересно, интересней когда она в процентах задана.
Делал по твоему примеру - все равно не срабатывает.
А вот и код

Код

.dp-highlighter {
    background-color:#E7E5DC;
    font-family:"Consolas","Courier New",Courier,mono,serif;
    font-size:12px;
    margin:18px 0pt !important;
    max-height:350px;
    overflow-x:auto;
    padding-top:1px;
    width:99%;
}

<td style="width: 50%;">
<div class="dp-highlighter">
    <div class="bar">
        <div class="tools">
        Здесь все норм
        </div>
    </div>
    <ol start="1" class="dp-c">
        <li class="alt">Длинная строчка 1</li>
        <li class="">Длинна строчка 2</li>
        ...
        <li class="alt">Длинная строчка N-1</li>
        <li class="">Длинная строчка N</li>
    </ol>
    </div>
</td>


Код соответственно упрощен, а фулл версию можете просмотреть по ссылке в моем предыдущем посте.
Надеюсь на Вашу помощь!
PM MAIL   Вверх
bars80080
Дата 14.2.2008, 10:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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



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

Репутация: 50
Всего: 315
а что мешает сделать так:
Код

<style>
.as { width: 50%; }
.dp-highlighter {
    background-color:#E7E5DC;
    font-family: "Consolas","Courier New",Courier,mono,serif;
    font-size: 12px;
    margin: 18px 0pt !important;
    max-height: 350px;
    overflow-x:auto;
    padding-top: 1px;
    width: 99%; 
}
.dp-c { float: left; background: #ffffcc; }
.dp-c li { width: 1000px; }
</style>
<table class="as"><tr><td></td>
<td style="width: 50%;">
<div class="dp-highlighter">
    <div class="bar">
        <div class="tools">
        Çäåñü âñå íîðì
        </div>
    </div>
    <ol start="1" class="dp-c">
        <li class="alt">Äëèííàÿ ñòðî÷êà 1 qqqqqqqqqqqqqqqw wwwwwwwwwwwwqqqqqqqqqq   wqwe</li>
        <li class="">Äëèííà ñòðî÷êà 2 weiweo we; ;erre wle kle erklwlekrfwlekf l lkrefwle</li>
        ...
        <li class="alt">Äëèííàÿ ñòðî÷êà N-1</li>
        <li class="">Äëèííàÿ ñòðî÷êà N weqwe we rqwoierqwe rqowierqwierqwoerqower qwoerwe</li>
    </ol>
    </div>
</td>
</tr></table>
PM MAIL WWW   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

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


 




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


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

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