• Уважаемый посетитель!!!
    Если Вы уже являетесь зарегистрированным участником проекта "миХей.ру - дискусcионный клуб",
    пожалуйста, восстановите свой пароль самостоятельно, либо свяжитесь с администратором через Телеграм.

Полоса прокрутки

  • Автор темы Автор темы tkada
  • Дата начала Дата начала
T

tkada

Гость
:hi: Сайт построен ввиде таблицы, в одной из ячеек нужно сделать полосу прокрутки. Как это сделать?
Я нашла вот это:
<style><!--
BODY {
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-marker-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #C3D6DA;
}
--></style>, но незнаю куда это вставить, куда не вставляю везде эта прокрутка ставиться для всей страницы, а мне нужно только для одной ячейки:loss:.
Пожайлуста помогите.
 
Очень просто.
К нужной ячейке добавляем свойство overflow: auto или overflow: scroll и добавляем свойства выше.. Будет работать, но только в IE.

HTML:
<style><!--
div.scrollb {
overflow: auto;
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-marker-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #C3D6DA;
}
--></style>,


...<tr><td><div class="scrollb">содержимое</div></td></tr>
 
Большое спасибо за помощь, но я чесно говоря, не все поняла
(т.е. почти ничего:() в твоем сообщении: к нужной ячейке это куда в <tr>. <td> или после них? в смысле свойство - добобавить надпись, ты это имел ввиду? какие свойства выше? что такое IE?
На счет кода:...<tr><td><div class="scrollb">содержимое</div></td></tr> - что значит содержимое?
Простите за тупость:o .
 
Можно и попроще объяснить :)

Однако эффект полос прокрутки в двух словах не объяснишь )

Поехали :)

tkada написал(а):
Сайт построен ввиде таблицы,
Раз таблица, значит там есть ячейки, каждая ячейка ограничена тегами <td>...</td>, внутри которых помещается содержимое этой ячейки

в одной из ячеек нужно сделать полосу прокрутки.
Дык, мы и делаем. Помещаем в ячейку блок <div>:

<td><div class="scrollb">...</div></td>

Теперь нужно настроить стиль элемента div:
HTML:
<style><!--
div.scrollb {
overflow: auto;
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-marker-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #C3D6DA;
}
--></style>
div.scrollb - все элементы div с классом "scrollb" наследуют следующие свойства:

overflow: auto; - говорит, что
Полосы прокрутки добавляются только при необходимости. если оно целиком не помещается и выходит за область заданных размеров.

Можно также задать ширину и высоту блока, а можно прописать это в свойствах таблицы.

Пример смотреть здесь.

Самая известная программа, через которую люди ходят в интернет ) Internet Explorer.
 
Еще раз большое спасибо, получилось.
IE - Internet Explorer, всегда были затруднения с аббревиатурами:o.
Кстати, в Опере, тоже отображается, правда немного по другому.
 
Назад
Сверху