Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.12.2011, 12:43
Аватар для simple
Профессор
Отправить личное сообщение для simple Посмотреть профиль Найти все сообщения от simple
 
Регистрация: 23.09.2010
Сообщений: 247

text-overflow
Привет народ, почему когда я применяю данный класс к ячейкам таблицы...
.ellipsis 
{
     white-space:nowrap;
     text-overflow:ellipsis;
     overflow-x:hidden;
     width:20px;
     display:block;
}

...то у ячеек например нижняя рамка встает выше на 1 px тем самым искажает всю верстку, кто сталкивался с этим, это как нибудь лечиться?
Ответить с цитированием
  #2 (permalink)  
Старый 24.12.2011, 13:10
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Сообщение от simple
...то у ячеек например нижняя рамка встает выше на 1 px тем самым искажает всю верстку
Еще бы, вы ячейки таблицы делаете блочными.
Если хотите чтобы ничего не ехало, то нужно все элементы таблицы сделать блочными и назначить обтекание по левому краю. Также можно в td вложить блочные элементы и задать им фиксированный размер. Либо вообще отказаться от этой затеи.
Ответить с цитированием
  #3 (permalink)  
Старый 24.12.2011, 13:16
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

<style>
table p {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
    height: 20px;
}
</style>

<table>
    <tr>
        <td>
            <p>1aaaaaaaaaaaaaaaaaaaaaaa</p>
        </td>
        <td>
            <p>2aaaaaaaaaaaaaaaaaaaaaaa</p>
        </td>
    </tr>
    <tr>
        <td>
            <p>3aaaaaaaaaaaaaaaaaaaaaaa</p>
        </td>
        <td>
            <p>4aaaaaaaaaaaaaaaaaaaaaaa</p>
        </td>
    </tr>
</table>
Ответить с цитированием
  #4 (permalink)  
Старый 24.12.2011, 13:27
Аватар для simple
Профессор
Отправить личное сообщение для simple Посмотреть профиль Найти все сообщения от simple
 
Регистрация: 23.09.2010
Сообщений: 247

точно...как я сам не додумался...можно же в div...
Спасибо большой.

ЗЫ А то что я в классе display:block прописываю это разве не говорит что ячейки должны свойства блока как бы перенять?

Последний раз редактировалось simple, 24.12.2011 в 13:29.
Ответить с цитированием
  #5 (permalink)  
Старый 24.12.2011, 13:37
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от simple
А то что я в классе display:block прописываю
Зачем такое вообще для ячеек таблицы делать?
Одни блоки недуром в таблицы переделывают... А ты наоборт из таблиц блоки начал делать...
Ответить с цитированием
  #6 (permalink)  
Старый 24.12.2011, 13:38
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Сообщение от simple
А то что я в классе display:block прописываю это разве не говорит что ячейки должны свойства блока как бы перенять?
Когда вы TD делаете блочным, он теряет свои изначальные свойства.
Ответить с цитированием
  #7 (permalink)  
Старый 24.12.2011, 13:59
Аватар для simple
Профессор
Отправить личное сообщение для simple Посмотреть профиль Найти все сообщения от simple
 
Регистрация: 23.09.2010
Сообщений: 247

хм..чета не работает...я делаю resize ячеек таблицы и когда у ячеек класс был .ellipsis то все работало, но имеются не точности в рамках, а когда поставил в ячейки div то перестало resize-тся что то (
Ответить с цитированием
  #8 (permalink)  
Старый 25.12.2011, 21:44
Rig Rig вне форума
Интересующийся
Отправить личное сообщение для Rig Посмотреть профиль Найти все сообщения от Rig
 
Регистрация: 21.12.2011
Сообщений: 10

simple,
Вы попробуйте взглянуть на свою задачу отвлеченно, без азартной погони за решением. У меня есть глубокое подозрение, что сама по себе идея делать таблицу из блоков не очень верный ход. Сложно представить себе необходимость заставляющую так извращаться с ячейками, таблица должна оставаться таблицей.
Ответить с цитированием
  #9 (permalink)  
Старый 26.12.2011, 13:28
Аватар для simple
Профессор
Отправить личное сообщение для simple Посмотреть профиль Найти все сообщения от simple
 
Регистрация: 23.09.2010
Сообщений: 247

Сообщение от Rig Посмотреть сообщение
Сложно представить себе необходимость заставляющую так извращаться с ячейками, таблица должна оставаться таблицей.
Это понятно, но у меня только так получается динамически изменять размер ячейки с помощью мыши, когда теги td имеют этот класс eclipsse.
Если же вставлять в td дополнительные блочный элементы типа div и им присваивать этот класс то не работает обрезка текста в ячейках, не знаю почему.
Но если это все извращение тогда для чего придумали этот атрибут display?
Ответить с цитированием
  #10 (permalink)  
Старый 27.12.2011, 00:49
Rig Rig вне форума
Интересующийся
Отправить личное сообщение для Rig Посмотреть профиль Найти все сообщения от Rig
 
Регистрация: 21.12.2011
Сообщений: 10

Сообщение от simple Посмотреть сообщение
динамически изменять размер ячейки с помощью мыши.
Сообщение от simple Посмотреть сообщение
не работает обрезка текста в ячейках

Не совсем понял эти задачи. Покажите, как это должно работать? Если у вас ещё не готово, то хотяб на примере с просторов инета.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
"Листание" текста в форме путем нажатия кнопки dikabraz Общие вопросы Javascript 20 25.08.2015 13:27
Идея сайта... Стоит двигацца дальше?! B-Vladi Ваши сайты и скрипты 313 16.12.2011 01:04
Горизонтальная прокрутка контента! andys Элементы интерфейса 5 26.06.2011 23:06
Вывод порядкового номера li в списке profxhtml Общие вопросы Javascript 4 13.04.2011 12:30
как создать елемент с вложеными елементами scuter Events/DOM/Window 11 14.05.2008 16:15