VPF::Тег <div> со скролингом - Форум программистов

Гость_nicka

Дата 21.3.2005, 00:44 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Вопрос такой
Как сделать чтобы в теге <div> сидел скроллинг?

Aliance

Дата 21.3.2005, 01:00 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

Код


<div style="overflow: scroll">див со скроллингом...</div>

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Гость_nicka

Дата 21.3.2005, 22:31 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

да, но что то не выходит никакой скроллинг

Код


<table width="490" height="100" border="1">
  <tr>
    <td width="21">&nbsp;</td>
    <td width="21">&nbsp;</td>
    <td width="426"><div style="overflow:scroll ">
  <p>dfdagfd</p>
  <p>&nbsp;</p>
  <p>d</p>
  <p>d</p>
  <p>d</p>
  <p>dggg</p>
    </div></td>
  </tr>
</table>

Aliance

Дата 21.3.2005, 23:22 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

Нужно задать height, т.к. у тебя текст маленький и он автоматом перемещается:

Код


<div style="overflow: scroll; height: 100px">
gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>
gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>
gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>
gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>gfgf<br>
</div>

PS: используя code, смотри за тем, какой ты язык выбираешь!

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

GoodBoy

Дата 22.3.2005, 13:12 (ссылка)

(нет голосов)

Загрузка ...

Главный джедай

Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

Репутация: 5
Всего: 83

Преренесено из "Веб-дизайна"

--------------------

Чем дальше в лес, тем толще партизаны...

Цитата(igorold @ 1.5.2016, 17:40

)

Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях.

Гость_nicka

Дата 22.3.2005, 15:29 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

а как отключить ему горизонтальный скроллинг?

Aliance

Дата 22.3.2005, 16:15 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

Гость_nicka, зарегистрируйтесь и не обшайтесь анонимно :-)

Цитата

а как отключить ему горизонтальный скроллинг?

Горизонтальный отключен, вертикальный включен:

Код


.element {
   OVERFLOWX: hidden;
   OVERFLOWY: scroll;
}

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Гость_nicka

Дата 22.3.2005, 19:14 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

а где вообще можно почитать про все эти теги, касающиеся <div и прочих тегов?

Гость_nicka

Дата 22.3.2005, 19:18 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

а вот так не работает

Код


<div    style="OVERFLOWX: hidden; OVERFLOWY: scroll; height: 100px; background:red; SCROLLBAR-BASE-COLOR: #ffffff; ">
    <table border="1">
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>fgfdg</td>
      </tr>
    </table>  
  
</div>

исчезают оба скроллинга

Aliance

Дата 22.3.2005, 19:36 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

Цитата

а где вообще можно почитать про все эти теги, касающиеся <div и прочих тегов?

http://www.w3.org

Цитата

а вот так не работает

Естественно, ты ведь высоту поставил 100, а содержимое - меньше. Сделай большой текст - увидешь прокрутку.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Guest

Дата 23.3.2005, 12:04 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Цитата(Aliance @ 22.3.2005, 19:36)

Естественно, ты ведь высоту поставил 100, а содержимое - меньше. Сделай большой текст - увидешь прокрутку.

Да, но так тоже не работает!!!

Код


<div    style="OVERFLOWX: hidden; OVERFLOWY: scroll; height: 10px; background:red; SCROLLBAR-BASE-COLOR: #ffffff; ">
    <table border="1">
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><p>fgfd</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>ffffg</p></td>
      </tr>
    </table>  
  
</div>

Aliance

Дата 23.3.2005, 13:04 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

Сори, прошу прошения, написал на JS ладе :-)))
Нужно не overflowY а overflow-y

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Guest

Дата 23.3.2005, 13:56 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

ну с самого начала так бы!

Guest

Дата 23.3.2005, 22:52 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

а как сделать чтобы это все работало в Опере?
вернее мне нужен скролинг в Опере, а там его что то не видать

Aliance

Дата 23.3.2005, 23:07 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

Цитата(Guest @ 23.3.2005, 13:56)

ну с самого начала так бы!

Цитата

Гость, зарегистрируйтесь и не обшайтесь анонимно :-)

Цитата(Guest @ 23.3.2005, 22:52)

вернее мне нужен скролинг в Опере, а там его что то не видать

Попробуй поставь в самое начало HTML разметки тег <!DOCTYPE>

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

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