Тред 1, Тред 2, Тред 3 (этот)


Ранее

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

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

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

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

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

Ссылка на полезные генераторы: ТУТ ДОХРЕНА ВСЕГО. Там генератор таблицы аватаров, баннеров, и разбив макси на комментарии, и еще куча всего.

Очень подробный мануал от WTF Battle: О выкладке больших текстов с тегом iframe

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

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

Комментарии
15.01.2020 в 22:30

аноны, я с мороза. всю тему не читай @ сразу ной. я слышала, что на дайрах траблы со вставкой флеша, но у нас перестал отображаться контент сделанный на хтмл5 и который вставляли через

это все та же проблема, что с и флешем и нам можно нахрен сходить со своим хмтл5 или можно починить как-то другим способом?
16.01.2020 в 06:06

анон, там проблема в другом, они сделали строже список того, что можно встроить по сайтам, то есть летом полетели тексты со своих сайтов, но остались с гугла и гитхаба. И никак не хотят это решать. Спасибо блядь нашему святому руководству.
17.01.2020 в 06:59

padding убери, а внутренним элементам сделай такой же margin
Спасибо, анон, но дело оказалось в другом. Почитал теорию, осознал, что я дебил. У блока margin должен быть не меньше ширины рамки.
Правда, теперь не могу понять, почему у меня центрирование работает только тогда, когда прописано отдельным дивом. Как только align и style рядом - align перестаёт работать.
17.01.2020 в 10:23

Почитай еще теорию, теперь про свойства хтмл и цсс.
17.01.2020 в 12:03

Как только align и style рядом - align перестаёт работать.
на дайри они никогда не работали
17.01.2020 в 13:38

пиши style="margin: auto" вместо отдельного align.
22.01.2020 в 19:34

Аноны, а напомните забывчивому верстальщику максимальный размер поста в знаках :depress:
22.01.2020 в 19:40

62к
22.01.2020 в 19:44

Спасибо!
22.01.2020 в 21:36

62к
Но посылать дайри может и раньше тыщ на 5 символов. Как повезёт
23.01.2020 в 03:36

Аноны, помогите. При любым образом прописанном min-width на узком экране сжирается правая граница. Я чего только ни делал: и в div с основным оформлением писал, и в отдельный div выносил, и таблицу рисовал, и margin и padding менял по-разному - один хуй не выходит каменный цветок. Такое впечатление, что как только появляется min-width - перестаёт работать margin справа. :crznope:
23.01.2020 в 03:49

Может, я совсем очевидное спрошу, но у тебя минимальная ширина точно меньше ширины этого узкого экрана?
23.01.2020 в 04:07

у тебя минимальная ширина точно меньше ширины этого узкого экрана?
Наверное, больше. То есть не экрана больше, а того места на экране, которое остаётся под блок после всех отступов и прочего. Я надеялся, что если задам минимальную ширину, то страница перестанет ужиматься и будет скроллиться горизонтально или что-то в этом роде. А она всё равно ужимается и границу жрёт. (Проверял на десктопе, сужая окно браузера.)
23.01.2020 в 05:18

Я надеялся, что если задам минимальную ширину, то страница перестанет ужиматься и будет скроллиться горизонтально

анон, если хочешь, чтобы она скроллилась, пропиши overflow-x: scroll


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus ac massa eu dapibus. Morbi pretium, nisl vitae interdum dignissim, ipsum turpis pulvinar ex, non fringilla odio purus pellentesque purus. Pellentesque vulputate eros in libero faucibus, ac dignissim orci volutpat. Morbi vitae vulputate eros. Aliquam hendrerit leo velit, nec placerat felis auctor eget. Cras ante elit, pharetra eget ullamcorper ac, convallis sit amet purus. Morbi ultrices mauris a gravida dignissim. Mauris ac sem pharetra, scelerisque risus sed, ultricies nisi. Proin cursus, elit sed sodales vehicula, libero erat pharetra libero, in cursus lectus magna sit amet diam. Sed condimentum consectetur ante in tempus. Suspendisse congue purus et nisi interdum, et auctor arcu faucibus. Etiam a bibendum ipsum.



код
23.01.2020 в 11:34

Анончики, милые, спасите-подскажите!
Я мамкин верстальщик, освоил вставку монстротекстов через айфрейм и чувствую себя отлично.
В правилах наткнулся на ВОТ ЕНТО ВОТ

Подскажите пожалуйста, если с примером, будет просто волшебно, как это оформить правильно? Куда тыкать этот маркер? Очень не хочется монстромиди тыкать кусками в комменты.
23.01.2020 в 11:53

Анон с айфреймом
вариант 1 - найди в этом или прошлом треде пример работающих костылей для айфреймов на дайри. Посмотри, работает ли костыль сейчас

Вариант 2 - найди в прошлогодней зимней выкладке текст через айфрейм и возьми их код, как основу для своего
23.01.2020 в 12:16

Подскажите пожалуйста, если с примером, будет просто волшебно, как это оформить правильно?
wtfbattle.diary.ru/p214838603.htm
См. 4 пункт
23.01.2020 в 12:26

Аноны с маркерами, не пугайте так, я уже думал, что разучился читать правила, а это у вас на баттле
26.01.2020 в 19:16

Уважаемые знатоки, не дайте горе-верстальщику мелконеха поехать кукушкой.
Сами мы не верстальщики, только по принуждению. Сверстать фигню могем, но на текстах возник затык. Есть чердак-картинка, есть подвал-картинка, между ними - тексты на фоне. Ширину всему задаю одинаковую, пусть будет 550. Мне нужно сделать поля для текстов, чтоб они не утыкались в границу, но если я задаю эту ширину, то текстовое поле расширяется, а картинки остаются как были (получается условно узкий чердак - тексты шире - опять условно узкий подвал). Есть ли лечение этой болезни без вырывания гланд через жопу?
Пытались смотреть у других команд, но там как-то дико мудрено, может, кто-то знает, как это пофиксить?
26.01.2020 в 19:32

Ы. А задать ширину полю не пробовали? Ширина подложки див, внутри див для текста (для всего, включая шапку).
Ширину всем дивам, полям и подвалам задавать в процентах.
26.01.2020 в 19:33

Пробовали, но у нас так - макс див 100 процентов, потом макс в пикселях. Убрать пиксели, получается, только проценты оставить?
26.01.2020 в 19:40

Попробуйте примерно так. Кроме процентов, задаётся ещё максимальный размер поля, 550. Сколько процентов ни ставь, шире этих пикселей не разнесёт.
(Картинке, кстати, поставьте те же настройки - проценты и максимальный размер.)


26.01.2020 в 19:44

Блин, забыла обозначить див черным цветом. Вот то же самое, но чтобы понятнее:

26.01.2020 в 19:48

У нас примерно так, но выходит, что текстовое поле разносит в стороны еще на ширину полей, которые я задаю. Сейчас конечно пошаманю, может, чего упустили.
Спасибо огромное!
26.01.2020 в 20:04

padding всегда приклеивается наружу к ширине контейнера
26.01.2020 в 22:23

Видимо, я полный дебил, потому что у меня при этом картинку (которая чердак и подвал) уменьшает на кол-во пикселей паддинга, хотя для картинок задано 100% и максималка 600 пикселей.
Ух ъуъ!
Спасибо больше всем за помощь, уверена, что это у меня проблемы с восприятием, а вы все верно подсказали!
26.01.2020 в 22:28

Аноны с гугл-диска кто-то текстовые айфреймы вставлял? Сволочь упёрто выдаёт ссылку формата edit и sharing, а в образце для того же комбата стоит pub?embedded=true
26.01.2020 в 22:34

Анон, ты видимо берешь не оттуда.
Нужно - файл - публикация в интернете
Тебе выдаст ссылку блаблаблабла/pub
Ты к ней приписываешь ?embedded=true
(чтобы в итоге вышло блаблаблабла/pub?embedded=true) и тыкаешь это в айфрейм
26.01.2020 в 22:39

padding всегда приклеивается наружу к ширине контейнера
Разве не margin снаружи?

Видимо, я полный дебил, потому что у меня при этом картинку (которая чердак и подвал) уменьшает на кол-во пикселей паддинга
Анон, я не верстальщик, а полный дилетант, но что у тебя получается, если ты пишешь div с нулевым padding'ом, кладёшь туда картинку с шириной 100%, а внутрь кладёшь div с margin в ширину полей и в него уже текст?
26.01.2020 в 22:41

div с margin в ширину полей
Или с padding'ом в ширину полей. Вечно путаю, как лучше.

Расширенная форма

Редактировать

Подписаться на новые комментарии