ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / увеличение div поверх таблицы внутри ячейки которой он.
18 сообщений из 18, страница 1 из 1
увеличение div поверх таблицы внутри ячейки которой он.
    #39224788
lor2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lor2
Гость
Собссно вопрос в сабже. есть таблица. но не везде всё влезает. хочется сделать так что наводишь мышкой - и див, который внутри ячейки таблицы увеличивался на размер текста, но расползался поверх всех ячеек что там внутри, я сделал через ховер где просто наводишь на див и он принимает height И width размеры auto
но тут проблема в том, что у меня тогда увеличивается это прямо внутри ячейки таблицы и сама таблица расползается - вся. а не только ячейка.

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
        .size {

            overflow: hidden; /* Обрезаем содержимое */
            word-break: break-all;
            -moz-hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            text-overflow: ellipsis; /* Многоточие */
            width: inherit;
            height: 1em;

        }
        .size:hover {
             
            height: auto;
            width: auto;


        }
...
Рейтинг: 0 / 0
26.04.2016, 14:16
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39224791
lor2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lor2
Гость
lor2,

я как то сделал это один раз. но больше что то не получается -вспомнить не могу )
...
Рейтинг: 0 / 0
26.04.2016, 14:16
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39224815
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
lor2,

z-index
position : relative
...
Рейтинг: 0 / 0
26.04.2016, 14:32
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39224845
lor2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lor2
Гость
Код: css
1.
2.
3.
4.
5.
6.
7.
   .size:hover {
            overflow: inherit;
            position: relative;
            z-index: 1000;
            position: relative;
            height: auto;
            width: auto;



не паааашет.
...
Рейтинг: 0 / 0
26.04.2016, 14:54
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39224943
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
вадя
Код: css
1.
position : relative


Такая установка позволяет двигать элемент и не более того...
А вот
Код: css
1.
position : absolute;


или
Код: css
1.
position : fixed;


Убирает элемент из потока и он своими размерами не влияет на материнский элемент.

Но элемент придется правильно позиционировать.
...
Рейтинг: 0 / 0
26.04.2016, 16:25
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39224944
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
lor2не паааашет.
Нужно делать полные тестовые примеры и не лениться...
...
Рейтинг: 0 / 0
26.04.2016, 16:26
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39224954
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
lor2,

не оно? 17532587 (Более универсальный вариант)
...
Рейтинг: 0 / 0
26.04.2016, 16:34
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39225467
lor2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lor2
Гость
krvsalor2не паааашет.
Нужно делать полные тестовые примеры и не лениться...
не совсем понял что это такое. в общем задача проста - есть таблица с ячейками. в некоторых ячейках текста много и он обрезается - идея в том что мышку навел и ячейка увеличилась, то только одна и не перекоробила другие ячейки а как бы развренулась поверх них. вот собссно и усё.
...
Рейтинг: 0 / 0
27.04.2016, 12:02
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39225497
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
lor2,
тебе показали хороший вариант,
там всё элементарно.
...
Рейтинг: 0 / 0
27.04.2016, 12:34
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39225523
lor2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lor2
Гость
вадя,

я так понял там всплывашка? вот еще проще:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<style>
    .overlay{
        display:none;
        position: absolute;
    }
    td:hover .overlay{
        background-color: white;
        display: block;

    }
</style>

<td> бла бла бла <div class="overlay"><p>много бла бла бла очень много бла бла</p></div></td>
...
Рейтинг: 0 / 0
27.04.2016, 13:02
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39225542
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
lor2не совсем понял что это такое. в общем задача проста - есть таблица с ячейками. в некоторых ячейках текста много и он обрезается - идея в том что мышку навел и ячейка увеличилась, то только одна и не перекоробила другие ячейки а как бы развренулась поверх них. вот собссно и усё.
Нужно меньше слов.
Просто сделай тестовую хтмл-страничку, на которой проявляется твоя проблема. На ней же тебе покажут пути решения...

Намек "как можно сделать" я уже тебе дал выше...
...
Рейтинг: 0 / 0
27.04.2016, 13:16
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39225550
lor2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lor2
Гость
krvsa,

благодарю ) щас испытаю.
...
Рейтинг: 0 / 0
27.04.2016, 13:20
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39225572
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
lor2вадя,

я так понял там всплывашка? вот еще проще:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<style>
    .overlay{
        display:none;
        position: absolute;
    }
    td:hover .overlay{
        background-color: white;
        display: block;

    }
</style>

<td> бла бла бла <div class="overlay"><p>много бла бла бла очень много бла бла</p></div></td>


это кажущаяся простота.
я б сказал- затычка проблемы, если мягко, (иначе - говнокод)
...
Рейтинг: 0 / 0
27.04.2016, 13:31
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39225746
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
lor2,

??? 17532587
...
Рейтинг: 0 / 0
27.04.2016, 15:07
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39226172
lor2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lor2
Гость
Вадим, почти земляк, ты извини, но я в хтмле знаю только то, что он есть. ну и пару тегов
...
Рейтинг: 0 / 0
27.04.2016, 22:12
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39226173
lor2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lor2
Гость
кстати в бутстрапе поповер это собссно примерно то что надо. а чем тебе не нравится то, что я показал. ну или вообще банальные всплывашки на цсс?
...
Рейтинг: 0 / 0
27.04.2016, 22:13
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39226174
lor2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lor2
Гость
user89,

благодарю, мне нравится ) в общем то то, что надо. хотя я не понял как это в одну строку делают.
...
Рейтинг: 0 / 0
27.04.2016, 22:15
| Ответить | Цитировать | Написать  
увеличение div поверх таблицы внутри ячейки которой он.
    #39226612
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
lor2Вадим, почти земляк, ты извини, но я в хтмле знаю только то, что он есть. ну и пару тегов
ничего страшного - научишся.
я так написал - чтоб не ориентировался на плохое.
(хотя как затычка будет работать :) )
...
Рейтинг: 0 / 0
28.04.2016, 13:26
| Ответить | Цитировать | Написать  
18 сообщений из 18, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / увеличение div поверх таблицы внутри ячейки которой он.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]