Спасибо, тоже вариант, но это считать надо и переписывать все. Через scale быстрее будет, но я чот не встречал такой подход, поэтому интересуюсь

font-size стандарт канешн с медиа

ну или можешь так реализовать, подбирать значения придется https://codepen.io/MadeByMike/pen/VvwqvW

Ну вот есть у меня большая красивая надпись на все 1200рх шириной. Как правильнее ее уменьшить через медиа-запрос до 1024рх: сделать font-size поменьше или transform: scale(0.7)? А если у меня целый блок с картинкой и подписью?

Классика. Вешай scale(0.5) на body.

Привет всем. У меня вопрос как убрать отступы в изображениях? margin и pading не помогает

Привет всем. У меня вопрос как убрать отступы в изображениях? margin и pading не помогает

других отступов кроме margin и padding не бывает

аа

бывает еще паразиты разные

ну border ещё, да

бывает еще паразиты разные

типа плоских червей?

я понимаю, но при их значениии 0 отступы остаются

inline-block и т.п.

я понимаю, но при их значениии 0 отступы остаются

ссылку в студию.

У нас тут не кружок Вангующих жи

плоские черви это уже из inline-flex и inline-grid

я понимаю, но при их значениии 0 отступы остаются

Между чем и чем отступы

Между чем и чем отступы

между одним и другим изображениями

между одним и другим изображениями

Изображения в таблице?

нет

html комменты пустые вставь, если там inline-block

нет

В исходном коже между тегами есть что-то? Перенос строки или пробел?

<img><!-- --><img>

между одним и другим изображениями

Классика. Пробелы между тегами убери

нет идут одно за другим

Тогда не знаю

Классика. Пробелы между тегами убери

действительно СПАСИБО ТЕБЕ БОЛЬШОЕ!

ну выше же то же самое писали и спрашивали))

<img><!-- --><img>

вот это, например

А мне наврал

гг

))

я только практикуюсь, ещё многого не знаю

Читай больше теории, это не дело, конечно.

ITDev http://css-live.ru/articles/obzor-inlajnovyj-kontekst-formatirovaniya.html

как раз про это книжка

<img><!-- --><img>

в вкратце соль кто может пояснить? ну то есть известно, что это работает, но почему?

ITDev http://css-live.ru/articles/obzor-inlajnovyj-kontekst-formatirovaniya.html

тайны CSS 2.1 )))

в вкратце соль кто может пояснить? ну то есть известно, что это работает, но почему?

А что именно вам тут не понятно? Пробелов между тегами нет — нет и отступов.

Это эквивалентно записи <img><img>

в вкратце соль кто может пояснить? ну то есть известно, что это работает, но почему?

потому что так пробелов нет между элементами с гарантией

иногда бывает уберут пробелы, а потом делают pretty print и они опять там

Просто суть этих "комментариев" в другом — ими можно разрывать строки, например, так: <img><!-- --><img>

и в этом случае не будет отступов, как если бы теги шли без переносов и пробелов

Но вообще это всё сегодня не актуально, так как есть флексы

ага, но руки то помнят )

хз, никогда не стоит полагаться на наличие пробелов или их отстутствие

не, я флексами делаю и гридами, я о том что все эти костыли хрен забудешь

А что именно вам тут не понятно? Пробелов между тегами нет — нет и отступов.

как пробел между тегами (по сути просто форматирование текста) выливается в отступ между элементами

так движок устроен, что в таких элементах учитывает пробел как 4-5px условно

как пробел между тегами (по сути просто форматирование текста) выливается в отступ между элементами

)) Вам достаточно просто знать, что между инлайн-элементами, например, словами в предложениях должны быть отступы. Обычно эти отступы создают пробелы между словами

Если бы этого не было, все слова сливались бы в одно большое слово, типа так: "этопримерпредложения"

У блочных элементов такого нет

Я, наверное, устаревшей терминологией пользуюсь, сейчас нет деления на блочные или инлайн-элементы

скачал книжку "Инлайновый контекст форматирования" гыгыгы https://gyazo.com/aff2bc2be9eb2c5dad5596d00af859d5

)) Вам достаточно просто знать, что между инлайн-элементами, например, словами в предложениях должны быть отступы. Обычно эти отступы создают пробелы между словами

спасиб

скачал книжку "Инлайновый контекст форматирования" гыгыгы https://gyazo.com/aff2bc2be9eb2c5dad5596d00af859d5

макось же, ну

А там какой-нибудь windows-1251

в названии файла, текст в pdf ок, читаю )

Кстати, по поводу пробелов. Не знаю, замечал ли кто, что если в блоке есть картинка, то под ней отступ снизу образуется до следующего блочного элемента, но если картинку убрать — то пропадает. Лечится очень просто: img { vertical-align: top }

Причём работает и для других инлайн-элементов — высота строки, в которой будет находиться такой элемент с этим стилем уменьшится.

Кстати, по поводу пробелов. Не знаю, замечал ли кто, что если в блоке есть картинка, то под ней отступ снизу образуется до следующего блочного элемента, но если картинку убрать — то пропадает. Лечится очень просто: img { vertical-align: top }

Там есть другой способ

очень полезный лайфхак, если с умом использовать

Там есть другой способ

Способ чего?)

ERROR: S client not available

очень полезный лайфхак, если с умом использовать

Трайни дать картинке дисплей блок

vertical-align же только на inline-block работает

Трайни дать картинке дисплей блок

а если нельзя display:block?)

или это в таблицах, хз уже не помню эту археологию

vertical-align же только на inline-block работает

работает. И для ячеек таблицы работает

а если нельзя display:block?)

тогда flex )

vertical-align же только на inline-block работает

Не, просто зачем использовать vertical-align, если можно дисплеем

сайт medium был на гридах, статьи все писали "как сделать верстку, как медиум на гридах" -- вчера смотрю, переделали на флексы всё, не зря люди зарплату получают, надо брать пример

а если нельзя display:block?)

Почему нельзя?

Почему нельзя?

ну мало ли

может мне надо в одну строку несколько картинок

сайт medium был на гридах, статьи все писали "как сделать верстку, как медиум на гридах" -- вчера смотрю, переделали на флексы всё, не зря люди зарплату получают, надо брать пример

гриды ещё не всеми браузерами нормально поддерживаются, надо подождать

ну мало ли

Ты же как-то имаджу даёшь вертикал адигн

Ты же как-то имаджу даёшь вертикал адигн

Вы о чём? Я вам конкретный пример привёл

может мне надо в одну строку несколько картинок

Контейнеры для имаджей

так они же сделали еще год назад, а теперь откатили на флекс, потом опять грид будут делать -- так и надо работать, творческий подход )

так они же сделали еще год назад, а теперь откатили на флекс, потом опять грид будут делать -- так и надо работать, творческий подход )

зп отрабатывать, ага

Вы о чём? Я вам конкретный пример привёл

Какой ?

когда я не могу картинке дать display:block

в таблицах например

вообще картинке этот display:block нафиг не нужен

если не хочется лепить лишние обертки

Не проще просто врапать картинки в див и дальше делать, что хочешь?

Не проще просто врапать картинки в див и дальше делать, что хочешь?

лол, лепить дивы, чтобы две-три картинки в ряд сделать?))

они и так в ряд без стилей будут

в общем, я только написал, что можно сделать, используя vertical-align, а использовать это знание или нет — дело ваше)

Привет ANASTASIY ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет Alexey Mizinov ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Ща лицо тебе заскейлю, пёс

Привет Anastasia ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет всем Такой вопрос WordPress + woocommerce не выдержит же ассортимент в 10к+ товаров и будет подвисать, ведь так? Какую платформу тогда подскажите, такую же простую по интерфейсу, такую же легко редактируемую как по frontend части так и по backend (написание своих модулей)?