powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Разместить элементы друг над другом без "position"
16 сообщений из 16, страница 1 из 1
Разместить элементы друг над другом без "position"
    #39415960
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
это и есть проблема
...
Рейтинг: 0 / 0
Разместить элементы друг над другом без "position"
    #39415964
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
есть <td>
в ней несколко равных по размеру этой td картинок
надо чтоб они лежади друг на друге
...
Рейтинг: 0 / 0
Разместить элементы друг над другом без "position"
    #39415965
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя,

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

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

2) один див, и

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

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

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

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

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

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

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

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


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

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


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


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