Модераторы: Sardar, Aliance
  

Поиск:

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


Шустрый
*


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

Репутация: нет
Всего: нет
Подскажите в каком направлении копать: из БД в таблицу выводятся данные. Хочу чтобы все строки были одной высоты (для эстетики), но в первой строке может быть одно слово, а во второй сто - и так все строки в таблице получаются разной высоты. Можно конечно загонять информацию в textarea (будут одной высоты, тока если информации много будет появляться скрол), но как-то уж думаю коряво получится... 

Может что-нибудь  в этом направлении подскажете: полный текст по нажатию на кнопку в ячейке таблицы.

Это сообщение отредактировал(а) Avtor - 23.7.2007, 21:05
PM MAIL   Вверх
solenko
Дата 23.7.2007, 21:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1473
Регистрация: 15.1.2006
Где: Украина

Репутация: 9
Всего: 67
Так вы хотите чтобы все строки были как максимальная или просто заданной заранее высоты?
Если заданной заранее, то можно попробовать посмотреть свойства overflow и table-layout


--------------------
Ла-ла-ла-ла
Заметьте, нет официального подтверждения, что это не просто четыре слога.
PM MAIL WWW ICQ Skype   Вверх
Avtor
Дата 24.7.2007, 05:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: нет
Чтобы все строки были минимальной высоты, а весь непоместившийся текст надо куда-то приспособить.
PM MAIL   Вверх
Alik_Kirillovich
Дата 24.7.2007, 07:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: 1
Всего: 2
Помещаем содержимое каждой строки в Div. В этом Div'е с помощью CSS-свойтсва height устанавливаем высоту строки. Для того, чтобы все лишнее оказалось за прокруткой, используем CSS-свойтсво overflow:auto

Примерно вот так:
Код

<html>
  <head>
    <title>
      Таблица со строками одинаковой высоты2
    </title>
    <style>
      div.divTD
        {
        height: 100px; /*Высота каждой строки*/
        overflow: auto; /*Все лишнее - за полосу прокрутки*/
        }
    </style>
  </head>
  <body>
    
    <table border = "1">
      <tr>
        <td>
          <div class = "divTD">
            1111111111111111111111111<br>
            1111111111111111111111111<br>
            1111111111111111111111111
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div class = "divTD">
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div class = "divTD">
            333333333333333333333333<br>
            333333333333333333333333<br>
          </div>
        </td>
      </tr>
    </table>
    
    
  </body>
</html>
PM MAIL WWW   Вверх
solenko
Дата 24.7.2007, 09:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1473
Регистрация: 15.1.2006
Где: Украина

Репутация: 9
Всего: 67
А у TD overflow нету?


--------------------
Ла-ла-ла-ла
Заметьте, нет официального подтверждения, что это не просто четыре слога.
PM MAIL WWW ICQ Skype   Вверх
Alik_Kirillovich
Дата 24.7.2007, 15:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: 1
Всего: 2
Цитата(solenko @  24.7.2007,  10:29 Найти цитируемый пост)
А у TD overflow нету? 


Похоже, что нет. Я пробовал применить overflow непосредственно к TD, но такой код НЕ РАБОТАЕТ:
Код

<html>
  <head>
    <title>
      Таблица со строками одинаковой высоты - НЕ РАБОТАЕТ
    </title>
    <style>
      table#tblFixedTable
        {
        table-layout: fixed;
        }

      table#tblFixedTable tr
        {
        height: 100px; /*Высота строки*/
        }
                
      table#tblFixedTable td
        {
        height: 100px; /*Высота ячейки равна высоте строки*/
        overflow: auto; /*Все лишнее - за полосу прокрутки*/
        }
    </style>
  </head>
  <body>
    
    <table id = "tblFixedTable" border = "1">
      <tr>

        <td>
            1111111111111111111111111<br>
            1111111111111111111111111<br>
            1111111111111111111111111
        </td>
      </tr>
      <tr>
        <td>

            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>

            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>
            222222222222222222222222222222<br>

            222222222222222222222222222222<br>
        </td>
      </tr>
      <tr>
        <td>
            333333333333333333333333<br>
            333333333333333333333333<br>

        </td>
      </tr>
    </table>
    
    
  </body>
</html>
PM MAIL WWW   Вверх
Avtor
Дата 24.7.2007, 19:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: нет
Спасибо большое - как раз то-что нужно.
PM MAIL   Вверх
Avtor
Дата 26.7.2007, 19:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: нет
Потестировал примерчик. Если. допустим. во второй строке убрать все <br> и высоту сделать в 30 px. То этот код
Код

<html>
  <head>
    <title>
      Таблица со строками одинаковой высоты2
    </title>
    <style>
      div.divTD
        {
        height: 30px; /*Высота каждой строки*/
        overflow: auto; /*Все лишнее - за полосу прокрутки*/
        }
    </style>
  </head>
  <body>
    
    <table border = "1">
      <tr>
        <td>
          <div class = "divTD">
            1111111111111111111111111<br>
            1111111111111111111111111<br>
            1111111111111111111111111
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div class = "divTD">
            222222222222222222222222222222
            222222222222222222222222222222
            222222222222222222222222222222
            222222222222222222222222222222
            222222222222222222222222222222
            222222222222222222222222222222
            222222222222222222222222222222
            222222222222222222222222222222
            222222222222222222222222222222
            222222222222222222222222222222
            222222222222222222222222222222
            222222222222222222222222222222
            222222222222222222222222222222
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div class = "divTD">
            333333333333333333333333<br>
            333333333333333333333333<br>
          </div>
        </td>
      </tr>
    </table>
    
    
  </body>
</html>

Будет корректно работать только под IE и Opera. В Mozilla же полоса прокрутки не появляется. Как быть?

Это сообщение отредактировал(а) Avtor - 26.7.2007, 19:54
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

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


 




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


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

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