Сделать полосу прокрутки в таблице

@LEONIDZILB · Регистрация: 04.04.2013

Студворк — интернет-сервис помощи студентам

Доброго дня
Нужно сделать полосу прокрутки в таблице(class="tab1"), перепробывал все - не работает

@maximus2011 · 04.04.2013, 13:07

ну так див туда и диву оверфло по иксу или игреку. Нет?

@AdamRo · 04.04.2013, 13:12

Для таблицы должны быть заданы width и height максимальные или фиксированные, потому соответственно для класса таблицы .tab1 прописываете overflow:scroll просто, или для определенной оси (y или x)

@LEONIDZILB · 04.04.2013, 15:03 **[ТС]**

перепробовал все

@Academik · 04.04.2013, 15:27

На сколько мне известно у таблицы невозможно сделать скролл. Это можно реализовать у контейнеров.
При формировании таблицы вы забыли указать тег <td>.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE HTML>
<html>
<head>
<title>avishag's website</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1252" />
<style type="text/css">
.tab1 p{
    border: 1px solid blue;
    width: 400px;
    height: 450px;
    overflow: auto;
}
</style>
</head>
<body>
    <table class="tab1">
    <tr>
        <td>
            <p>Текст
            <a href = "http://www.steimatzky.co.il/Steimatzky/pages/Product.aspx?ProductID=11322117" target="_blank"><img src="catch22.jpg" alt="aaa"></a></p>
        </td>
    </tr>
    <tr>
        <td>
            <p>Текст
            <a href = "http://www.steimatzky.co.il/Steimatzky/pages/Product.aspx?ProductID=11322117" target="_blank"><img src="catch22.jpg" alt="aaa"></a></p>
        </td>
    </tr>
    <tr>
        <td>
            <p>Текст
            <a href = "http://www.steimatzky.co.il/Steimatzky/pages/Product.aspx?ProductID=11322117" target="_blank"><img src="catch22.jpg" alt="aaa"></a></p>
        </td>
    </tr>
    <tr>
        <td>
            <p>Текст
            <a href = "http://www.steimatzky.co.il/Steimatzky/pages/Product.aspx?ProductID=11322117" target="_blank"><img src="catch22.jpg" alt="aaa"></a></p>
        </td>
    </tr>
    <tr>
        <td>
            <p>Текст
            <a href = "http://www.steimatzky.co.il/Steimatzky/pages/Product.aspx?ProductID=11322117" target="_blank"><img src="catch22.jpg" alt="aaa"></a></p>
        </td>
    </tr>
    </table>
</body>
</html>

Кстати зачем в данном примере вам нужна таблица? Используйте её по назначению, например для прайсов. Тут можно на дивах спокойно сделать, и кода меньше будет.

@LEONIDZILB · 04.04.2013, 18:58 **[ТС]**

без таблицы работает может в самом деле в таблице нет полосы

@Academik · 04.04.2013, 19:18

Я вам код дал, сделал прокрутку у тега <p>
Соответственно в него всё и вкладывайте.

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@maximus2011 269 / 261 / 35 Регистрация: 21.02.2012 Сообщений: 1,078
	04.04.2013, 13:07
	ну так див туда и диву оверфло по иксу или игреку. Нет? 0

@AdamRo 12 / 12 / 0 Регистрация: 04.04.2013 Сообщений: 59
	04.04.2013, 13:12
	Для таблицы должны быть заданы width и height максимальные или фиксированные, потому соответственно для класса таблицы .tab1 прописываете overflow:scroll просто, или для определенной оси (y или x) 0

@LEONIDZILB 0 / 0 / 0 Регистрация: 04.04.2013 Сообщений: 29
	04.04.2013, 15:03 [ТС]
	перепробовал все 0

@LEONIDZILB 0 / 0 / 0 Регистрация: 04.04.2013 Сообщений: 29
	04.04.2013, 18:58 [ТС]
	без таблицы работает может в самом деле в таблице нет полосы 0

@Academik 1030 / 682 / 297 Регистрация: 04.04.2013 Сообщений: 2,751
	04.04.2013, 19:18
	Я вам код дал, сделал прокрутку у тега <p> Соответственно в него всё и вкладывайте. 0