Тред 1, Тред 2 (этот), Тред 3 (следующий)


Ранее

Пишет Гость:
27.10.2018 в 10:18

Пока ЗФБ не началась, дорогие команды, просьба ко всем. Пожалуйста, проверяйте, как ваша вёрстка и ваши выкладки будут смотреться с мобильных устройств! Сейчас почти никто не читает ЗФБ из дома, а читают по дороге или ещё где-то, где есть возможность только со своего телефона выйти в интернет. И иногда с мобильных просто невозможно читать ваш контент. У меня, например, из-за этого ещё с прошлой зимы пара крутых команд не дочитана.

И ещё просьба: ставьте нормальные ссылки на скачивание текстов (не архивом и т.д.). Заливайте удобные для чтения форматы, опять-таки чтобы мобильным читателям можно было без проблем скачать и чтобы сделанные вами архивы с мобильных вменяемо читались. Неужели это так трудно?

У меня всё. Всем добра и удач на ЗФБ!

URL комментария



Треды реков и антиреков дизайна: 1, 2, 3

@темы: Визуал, Советы, Верстка и оформление

Комментарии
24.10.2017 в 15:55

...а только у меня дайри щас пидорнуло во все поля?

читать дальше
24.10.2017 в 15:56

картинки не видно
24.10.2017 в 16:09

хм
оно починилось
24.10.2017 в 16:20

меня дайри блин не пускает без впн
заметил, периодически случается такая хуйня (я в россии, ифче), тупо блок по айпишнику
25.10.2017 в 05:46

тест. есть те, кто не видят?

читать дальше
25.10.2017 в 09:49

видно.

а как их делают-то, эти пикчи? не пальцами же пишут.
27.10.2017 в 12:12

А у кого-нибудь дайри схлопывает или сжимает картинки, если им не прописан max-width в стилях? А то включила в настройках отображения длинных картинок "позволить выходить за края" вместо "скроллбара" и началась такая фигня.
28.10.2017 в 01:03

Автоматически без прописанных стилей дайри ничего не делает. У тебя-то что получилось? Картинка видна наполовину, остальная половина за пределами записи?
31.10.2017 в 01:22

Аноны, к черту панику про закрытие дайри, а подскажите вот что:
Есть див, у дива на фоне картинка. Внутри дива лежит еще много всякого, но не на всю высоту картинки, а сколько получится. Можно ли как-то сделать див резиновым, чтобы картинка в него в любом случае влезала вся, а не обрезалась, даже если див ужмет? Мне в голову приходит только каким-то образом на отдельную картинку не в диве наложить сверху див, но как? Отрицательным отступом? А если содержимого будет в диве так мало, что картинка выедет на технические поля поста, которые "Комментировать Отписаться В цитатник Поделиться", как этого избежать?
Или запихнуть несчастную резиновую картинку с отрицательным нижним отступом в див с фиксированной высотой, и пусть себе при ужимании окна внизу вылезает пустое поле?
31.10.2017 в 01:25

Можно ли как-то сделать див резиновым, чтобы картинка в него в любом случае влезала вся
htmlbook.ru/css/background-size
31.10.2017 в 01:32

еще можешь попробовать задать картинке позишн абсолют, ее тогда кагбэ нет, она никак с другими элементами, сложенными в див, не взаимодействует. ну и ширину и ей 100 процентов поставь.
31.10.2017 в 01:34

О, спасибо! Пойду покручу...
31.10.2017 в 01:43

Хинт насчёт бэкграунд сайза в процентах - он не работает, если после него не поставить ещё какой-нибудь атрибут, например размер шрифта или ещё что нибудь. Предпоследний в строчке - работает, последним - нет.
31.10.2017 в 01:52

Можно ли как-то сделать див резиновым, чтобы картинка в него в любом случае влезала вся htmlbook.ru/css/background-size
Хинт насчёт бэкграунд сайза в процентах - он не работает, если после него не поставить ещё какой-нибудь атрибут, например размер шрифта или ещё что нибудь. Предпоследний в строчке - работает, последним - нет.
За хинт спасибо, но оно не сработало т_Т То есть да, фон теперь ужимается до размера дива, но если внутри дива мало лежит, он становится низким, и фона нифига не видно. О, я придумал, как объяснить! Нужно, чтобы размер дива подстраивался под размер фона и по высоте, и по ширине, а ширина дива подстраивалась под ширину окна. Сейчас у меня какой-то такой код:


31.10.2017 в 01:53

Хинт насчёт бэкграунд сайза в процентах - он не работает, если после него не поставить ещё какой-нибудь атрибут, например размер шрифта или ещё что нибудь. Предпоследний в строчке - работает, последним - нет.
прикольно. я не знал, спасибо!
31.10.2017 в 01:58

Нужно, чтобы размер дива подстраивался под размер фона и по высоте, и по ширине, а ширина дива подстраивалась под ширину окна.
Присоединюсь к вопросу. Сам пробовал через background-size - и ничего не помогло, никакие свойства размера блока или его содержимого и отображения контента не спасли, все равно урезается, если не задать нерезиновую ширину.
31.10.2017 в 02:17

UPD от анона с кодом: при всех ухищрениях с background-size он делает фон шириной 89px. Вот так (если фон дневника серый, картинка с листиками играет роль содержимого):

31.10.2017 в 02:19

попробуй так.



с фоном у меня ни хрена не получилось.
31.10.2017 в 02:21

Может, попробовать background-size: contain или cover?
31.10.2017 в 02:26

И в дополнение к background-size надо указывать не просто что-то, а именно font-size.
31.10.2017 в 02:28

И в дополнение к background-size надо указывать не просто что-то, а именно font-size.
31.10.2017 в 03:02

попробуй так.
Спасибо, анон :heart::heart::heart:

Может, попробовать background-size: contain или cover?
И в дополнение к background-size надо указывать не просто что-то, а именно font-size.
Попробовал, это не сработало, так что пока соберу на том, что посоветовали выше и пойду все-таки учить position :upset:
31.10.2017 в 03:13

позишн на самом деле несложная штука, такшта удачи тебе. :gigi:
31.10.2017 в 05:58

позишн на самом деле несложная штука, такшта удачи тебе. :gigi:
Спасибо х))

Обнаружил тут еще проблему: если в том коде выше вставить вместо "что-то, лежащее внутри" картинки с шириной 100%, то они не отображаются. Тоже позишн?
31.10.2017 в 06:16

Обнаружил тут еще проблему: если в том коде выше вставить вместо "что-то, лежащее внутри" картинки с шириной 100%, то они не отображаются. Тоже позишн?
тоже. на картинку, которую внутрь вкладываешь, тоже надо будет в свойствах указать позишн, чтобы порядок элементов остался правильным.
31.10.2017 в 06:31

Обнаружил тут еще проблему: если в том коде выше вставить вместо "что-то, лежащее внутри" картинки с шириной 100%, то они не отображаются. Тоже позишн?

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


31.10.2017 в 06:59

тоже. на картинку, которую внутрь вкладываешь, тоже надо будет в свойствах указать позишн, чтобы порядок элементов остался правильным.
Пошел почитал про позишн, про порядок relative-absolute и, кажется, ничего не понял. Даже наобум разного потыкал, но все равно не понял т_т Увы, вновь прошу помощи, вот примерно что сейчас есть:

И вот к этим цветочкам я хочу прикрутить 100%, чтоб тоже сжимались вместе с блоком. Делаю так, но явно в чем-то сильно ошибаюсь:

31.10.2017 в 07:02

нет, не нужен там позишн, с какого бы? у меня все отображается. ты точно туда картинку ставляешь?
Вот выше описал в подробностях, что как. Возможно то, что она лежит в другом диве, все ломает?
31.10.2017 в 07:09

ох-ох. вроде я понял, че ты хочешь. типа полосочка сверху, полосочка снизу, а посередине текст на сплошном фоне, так?
31.10.2017 в 07:11

ох-ох. вроде я понял, че ты хочешь. типа полосочка сверху, полосочка снизу, а посередине текст на сплошном фоне, так?
И эти полосочки на самом деле кнопки, которые ведут туда, куда мне надо. Если б просто полосочки надо было сделать, я бы в сторону рамок рыл х)