Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Разместить элементы друг над другом без "position" / 16 сообщений из 16, страница 1 из 1
08.03.2017, 23:35
    #39415960
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
это и есть проблема
...
Рейтинг: 0 / 0
09.03.2017, 00:00
    #39415964
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
есть <td>
в ней несколко равных по размеру этой td картинок
надо чтоб они лежади друг на друге
...
Рейтинг: 0 / 0
09.03.2017, 00:17
    #39415965
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
вадя,

1) для всех картинок, кроме первой

margin-top: -Npx; (N высота перовй картинки)

2) один див, и

background-image: url(first.jpg), url(second.jpg),...;

3) извращения с table-cell и vertical-align, подходит только для двух картинок
...
Рейтинг: 0 / 0
09.03.2017, 06:24
    #39415981
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
hVostt,
нашёл сам...
для <td>
padding-top: 19px; // 19 - высота <td>
для картинок (всех)
margin-top: -19px
...
Рейтинг: 0 / 0
09.03.2017, 10:46
    #39416032
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
вадя,

ну норм. а чем position не угодил?
...
Рейтинг: 0 / 0
09.03.2017, 15:10
    #39416254
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
hVosttну норм. а чем position не угодил?
когда в таблице 30 столбцов и 400 строк
position очень тормозит скрол
когда только в одном столбце - не заметно торможения.
...
Рейтинг: 0 / 0
10.03.2017, 07:54
    #39416576
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
вадя,

не думал про пейджинг? чтобы не отображать 400 строк?
...
Рейтинг: 0 / 0
10.03.2017, 08:22
    #39416585
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
hVosttне думал про пейджинг? чтобы не отображать 400 строк?
я , на самом деле, противник показа такого объёма строк.
но из правил есть исключения.
пока больше строк не намечается, а если будет больше, видимо придётся что-то придумывать,
сейчас простой скролинг позволяет получить общее представление о состоянии - просто и наглядно.
пейджинг организовать просто, но даже при этом , если можно ускорить - почему нет?
и это помогло найти тормозное место и как его решить.
а по конкретному случаю (исключению) могу сказать, что такой объём(в данном , конкретном случае)
не предназначен для вчитывания, он просто отображает карту состояния . и набор png друг над другом (с использованием прозрачности) индицирует состояние .
помимо того есть и фильтры.
...
Рейтинг: 0 / 0
10.03.2017, 08:39
    #39416595
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
вадя,

если не нравится классический скроллинг, можно сделать виртуальный скроллинг, во время скроллинга подгружать данные.
...
Рейтинг: 0 / 0
10.03.2017, 08:43
    #39416598
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
вадяи набор png друг над другом (с использованием прозрачности) индицирует состояние .

можно склеивать их на сервере, это и быстрее будет, и кешировать можно и вообще со всех точек зрения без исключения будет лучше.
...
Рейтинг: 0 / 0
10.03.2017, 10:06
    #39416659
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
вадяне предназначен для вчитывания, он просто отображает карту состояния
так может карту и рисовать на канве ?
...
Рейтинг: 0 / 0
10.03.2017, 10:24
    #39416675
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
hVosttесли не нравится классический скроллинг, можно сделать виртуальный скроллинг, во время скроллинга подгружать данные.
можно, но несколько сложнее с кодом, как вариант имеет место на существование, при увеличении данных -шансы на его применение возрастают.
но сейчас с падингом и маржингом скорость отличная.
тут больше стоит вопрос с рендерингом таблицы.
вставляю через innerHTML в DocumentFragment ( https://learn.javascript.ru/multi-insert)
есть желание попробовать изобразить "таблицу" из дивов, но боязно
если б кто-то поделился инфой насколько это выгоднее....
hVosttможно склеивать их на сервере, это и быстрее будет, и кешировать можно и вообще со всех точек зрения без исключения будет лучше.
думал над этим, но в моём варианте есть преимущество - фильтрация отображения с помощью стилей -
очень просто (обсуждение было :) )

Изопропилтак может карту и рисовать на канве ?
"карта" чисто условное название.
...
Рейтинг: 0 / 0
10.03.2017, 10:33
    #39416683
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
вадя"карта" чисто условное название.
я в широком смысле.
...
Рейтинг: 0 / 0
10.03.2017, 10:37
    #39416688
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
вадяесть желание попробовать изобразить "таблицу" из дивов, но боязно
если б кто-то поделился инфой насколько это выгоднее....

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


вадядумал над этим, но в моём варианте есть преимущество - фильтрация отображения с помощью стилей -
очень просто (обсуждение было :) )

На мой взгляд сомнительное удовольствие. Загружать одну картинку вместо нескольких с кешированием и без плясок с позиционированием совершенно однозначно лучше. Тем более, это можно менять на сервере со сложной логикой.
...
Рейтинг: 0 / 0
10.03.2017, 10:38
    #39416690
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
Изопропиля в широком смысле.
в таком смысле - да, была мысль, но .... не готов ещё к широкому использованию канвы
...
Рейтинг: 0 / 0
10.03.2017, 10:45
    #39416696
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разместить элементы друг над другом без "position"
hVosttНи на сколько. Другое дело использовать таблицы для вёрстки макета, это плохо.
Ещё таблицы на дивах можно реализовывать для адаптивности, но это сильно усложняет разработку
вот такие же мысли....


hVosttНа мой взгляд сомнительное удовольствие. Загружать одну картинку вместо нескольких с кешированием и без плясок с позиционированием совершенно однозначно лучше. Тем более, это можно менять на сервере со сложной логикой.
да загрузка нескольких картинок это конечно минус, но надеюсь на html2 и это станет не так страшно.
а вот плясок с позиционированием счас не стало. даже некоторые стили стали лишними.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Разместить элементы друг над другом без "position" / 16 сообщений из 16, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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