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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Скроллинг в таблице 
:(
    Опции темы
niki
Дата 8.7.2006, 13:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Добрый день.

Мне необходимо создать таблицу

-----------------------------------------------------------------
заголовок1׀ заголовок2 ׀ заголовок3 ׀ заголовок4 ׀
-----------------------------------------------------------------
текст1       ׀текст12        ׀ текст3        ׀текст4           ׀
текст1       ׀ текст12       ׀ текст3        ׀текст4           ׀
текст1       ׀ текст12       ׀ текст3        ׀текст4           ׀

Та часть, в которой находится заголовок, должна быть фиксированной, текстовая часть- нет(scroll).
Я пробовала это сделать так:
заголовок и текст находятся в разных HTML-Таблицах. 
Текстовая HTML-Таблица находится в
<DIV STYLE="height:100px;overflow:auto">

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

Чтобы текст1 стоял строго под заголовок1 и т.д. , надо чтобы  
                заголовок и текст находились в одной HTML-Таблице,
            Та часть, в которой находится заголовок, должна быть фиксированной;
            текстовая часть- нет(scroll).
Возможно ли это сделать ?

спасибо

 
PM   Вверх
EDuard
Дата 9.7.2006, 17:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



niki, зафиксируй ширину столбца и пусть текст в ячейках переносится. 


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

PM MAIL WWW ICQ   Вверх
niki
Дата 9.7.2006, 18:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



заголовок состоит из кнопок(button). Там текст не переносится.

<tr style"height:25px;width:100%;vertical-align:top">

<td style="vertical-align:top;width:100px"><button  style="width:100% "  >заголовок1</button></td>
<td style="vertical-align:top;width:100px"><button  style="width:100% "  >заголовок2</button></td>
<td style="vertical-align:top;width:100px"><button  style="width:100% "  >заголовок3</button></td>

           
</tr>

 smile  
PM   Вверх
R.M.
Дата 10.7.2006, 10:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

Репутация: 9
Всего: 30



Цитата(niki @  9.7.2006,  19:38 Найти цитируемый пост)
<tr style"height:25px;width:100%;vertical-align:top">

niki, нельзя ставить стили в <tr>!

Цитата(niki @  9.7.2006,  19:38 Найти цитируемый пост)
заголовок состоит из кнопок(button). Там текст не переносится.

Ну он и не перенесётся а раздвинит ячейку а текст ниже перенесётся. 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
niki
Дата 10.7.2006, 22:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



спасибо 
 smile  
PM   Вверх
dm9
Дата 13.7.2006, 13:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

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



Чтобы не было перекоса даже в случае длинных слов (правда, за счёт их обрезания), можно воспользоваться table-layout: fixed;
  

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


 




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


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

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