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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> как сделать ширину ячейки по содержимому?? как сделать ширину ячейки по содержимому 
:(
    Опции темы
sanich_
Дата 30.4.2008, 12:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Такая простая таблица, вызвала у меня сложности

Пространство ширины (100%)
Для ячеек внутри таблицы ширина не задана, потому что заранее неизвестна ширина содержимого ячеек.
Соответсвенно длина каждой ячейки растягивается, и между границами ячеек и содержимым получается отступ (padding), которых не получается уменьшить

Хочется чтобы с 1-ю по 3-ю ячейки ширина каждой ячейки была по содержимому + padding:2px
Можно варъировать шириной 4ой ячейки

Код

<table cellpadding="0" cellspacing="0" width="100%">
 <tr>
  <td>ячейка 1</td>
  <td>ячейка 2</td>  
  <td>ячейка 3</td>
  <td>            </td>
  <td align="right">ячейка 5</td>
 </tr>
</table>


как это сделать?
PM MAIL   Вверх
bars80080
Дата 30.4.2008, 13:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



ширина по содержимому устанавливается вообще автоматом,
пэддинг:
Код
td { padding: 0px 2px; }

зачем четвёртая ячейка непонятно
PM MAIL WWW   Вверх
almagnit
Дата 30.4.2008, 13:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Помести свою таблицу в DIV с шириной 100%, а свойство 100%-ой ширины в таблице убери и ячейки 

примут размеры их содержимого.
PM MAIL ICQ   Вверх
sanich_
Дата 30.4.2008, 13:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Цитата(almagnit @ 30.4.2008,  13:37)
Помести свою таблицу в DIV с шириной 100%, а свойство 100%-ой ширины в таблице убери и ячейки 

примут размеры их содержимого.

Да так не выйдет,
мне надо по правому краю области таблицы, был тект выровненный по правому краю, если убрать с таблицы ширину 100% , то ячейки выстраиваются друг за другом и крайняя правая ячейка уже не по правому краю
PM MAIL   Вверх
bars80080
Дата 30.4.2008, 13:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



задай крайней правой ячейке класс:
Код
<td class="right">Ячейка 5</td>

и пропиши в него всё что нужно
Код

td.right { text-align: right; }

PM MAIL WWW   Вверх
sanich_
Дата 30.4.2008, 14:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Цитата(bars80080 @ 30.4.2008,  13:54)
задай крайней правой ячейке класс:
Код
<td class="right">Ячейка 5</td>

и пропиши в него всё что нужно
Код

td.right { text-align: right; }

дело не только в выравнивании по правому краю внутри крайней правой ячейки, но надо чтобы крайняя правая ячейка заканчивалась у правой границы экрана.
Поэтому я и растягиваю таблицу 100% по ширине.

Это сообщение отредактировал(а) sanich_ - 30.4.2008, 14:18
PM MAIL   Вверх
bars80080
Дата 30.4.2008, 14:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



но если таблица по всей ширине экрана, то крайняя правая ячейка будет заканчиваться у правой границы 

или я что-то не догоняю?
PM MAIL WWW   Вверх
sanich_
Дата 30.4.2008, 15:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Изначально так и было и по идее должно быть

Таблицу надо растянуть на 100%, но левые ячейки должны быть по ширине текста, выпадающий список справа

Этот сдвиг можно сделать за счет пустой ширины ячейки, только не знаю как

Смотрите на скриншот

Присоединённый файл ( Кол-во скачиваний: 8 )
Присоединённый файл  Untitled_2___________.jpg 31,83 Kb
PM MAIL   Вверх
Itsys
Дата 30.4.2008, 18:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



А..... Вот чеего тебе надо:
Код

<table cellpadding="0" cellspacing="0" width="100%">
 <tr>
  <td width="1%">ячейка 1</td>
  <td width="1%">ячейка 2</td>  
  <td width="1%">ячейка 3</td>
  <td width="94%">            </td>
  <td align="right" width="1%">ячейка 5</td>
 </tr>
</table>




PM MAIL WWW Skype   Вверх
sanich_
Дата 30.4.2008, 19:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Ну так я пробовал уже, но не нравится что тект внутри ячеек переносится

А можно сделать не переносился?

Просто получается что если тект в ячейке содержит пробелы то тект переносится

ячейка  ячейка  ячейка  <---------96%---------->  ячейка
1             2             3                                                      4

Добавлено через 7 минут и 42 секунды
Уже сообразил, nowrap, спасибо за помощь
PM MAIL   Вверх
Itsys
Дата 30.4.2008, 21:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



Код

<table cellpadding="0" cellspacing="0" width="100%">
 <tr>
  <td width="1%" nowrap>ячейка 1</td>
  <td width="1%" nowrap>ячейка 2</td>  
  <td width="1%" nowrap>ячейка 3</td>
  <td width="94%">            </td>
  <td align="right" width="1%" nowrap>ячейка 5</td>
 </tr>
</table>

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


 




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


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

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