Хмм. У меня вопрос

или нужно сделать медиазапросы, что после уменьшения размера - уменьшать размер шрифта?

чтобы шрифт зависил от ширины экрана - нужно юзать js либо vw вместо em

Как в width:calc() указать внешний пэддинг(box-sizing:content-box) относительно вложенного элемента? Другими словами я имею в топ-панели float-right блоки размеров 1. 185px+3.82%*2(c обеих сторон) 2. 11.84% И я думаю как сделать, чтобы сайдбар открывался до этих блоков. Другими словами width:calc(100% - 185px - 11.84%) Проблема возникает в процентах, потому что они относительны ширины, а не 185px

чтобы шрифт зависил от ширины экрана - нужно юзать js либо vw вместо em

щас попробую

Как в width:calc() указать внешний пэддинг(box-sizing:content-box) относительно вложенного элемента? Другими словами я имею в топ-панели float-right блоки размеров 1. 185px+3.82%*2(c обеих сторон) 2. 11.84% И я думаю как сделать, чтобы сайдбар открывался до этих блоков. Другими словами width:calc(100% - 185px - 11.84%) Проблема возникает в процентах, потому что они относительны ширины, а не 185px

а флекс не помогает?

Не пробовал, сейчас погляжу.

Как в width:calc() указать внешний пэддинг(box-sizing:content-box) относительно вложенного элемента? Другими словами я имею в топ-панели float-right блоки размеров 1. 185px+3.82%*2(c обеих сторон) 2. 11.84% И я думаю как сделать, чтобы сайдбар открывался до этих блоков. Другими словами width:calc(100% - 185px - 11.84%) Проблема возникает в процентах, потому что они относительны ширины, а не 185px

Зачем тебе content-box? Это же бэд практика

Не пробовал, сейчас погляжу.

там есть свойство flex-basis

Зачем тебе content-box? Это же бэд практика

так же как и calc() в принципе)

так же как и calc() в принципе)

Ну не ,бывает что она полезна )

А вот content-box

Ну хз

Зачем тебе content-box? Это же бэд практика

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

Ну не ,бывает что она полезна )

за 6 лет 1 раз всего юзал)

так что просто указал пэддинг и бефор был на своём месте, и текст помещался в 185пх, а отступы в процентах

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

не вижу дизайна, но скорее всего иконку можно абсолютом воткнуть)

работает, спс

ну и как её было указать в процентах, если грани блока плавают.

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

Значит где-то не так сделал,если только таким образом получилось

не вижу дизайна, но скорее всего иконку можно абсолютом воткнуть)

Лол,тоже об этом подумал

Значит где-то не так сделал,если только таким образом получилось

ширина должна была быть статичной, чтобы текст в кнопке не сползал вниз при сужении окна браузера + иконка бы ползла на текст в случае с абсолютом

ширина должна была быть статичной, чтобы текст в кнопке не сползал вниз при сужении окна браузера + иконка бы ползла на текст в случае с абсолютом

увеличиваешь padding со стороны иконки и теми же процентами ровняешь по left чтобы она была внутри этого padding-a

опять же, без картинки сложнее сказать

http://sites.h0stname.cf/kcp/kcp.main.html online-обучение

http://sites.h0stname.cf/kcp/kcp.main.html online-обучение

что там с медиа запросами??? на 15" маке скроллинг, а если чуть уменьшить, то сайт меньше экрана становится О_о

Потыкай img/html

и фтег

auto

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

Хелп, умеет кто-нибудь СДНФ упрощать?

после смотреть как отображается при автоматическом width(кнока auto)

1 - outline 2 и 3 - 60% видимости 4 и 5 - 100% видимости

на 13 маке вот такая картина

ну это я тоже видел) там какой-то глюк что сайт есть картинкой как я понял

Главный экран 1920px

pf,tq? dc` yjhvfkmyj

Просто изображение на фоне

зум до 1920пх

подскажите, как сделать с бутстрапом 3, чтобы полоса под контейнром была по длине, как зеленые блоки? https://codepen.io/anon/pen/WJJvbe

http://sites.h0stname.cf/kcp/kcp.main.html online-обучение

не стоит вставлять текст в кнопку через before. но в чём проблема я так и не увидел. кнопка не резинится, ничё не едет

либо нижнюю хтмл кнопку+авто

и всё будет ок

не стоит вставлять текст в кнопку через before. но в чём проблема я так и не увидел. кнопка не резинится, ничё не едет

Потому что я сделал, чтобы не ехало. Кнопка и не должна резиниться, должны только пэддинги, а текст и изображение не налезать друг на друга и не быть вообще слишком близкими. Я выхода кроме как content-box не нашёл.

Но сталкиваюсь с совершенно новой проблемой

Понимаю, что через content-box я не решу новую проблему - будет откваться сабменю от синего сайдбара до кнопки онлайн обучение, дожны быть вровень как на логотипе BMW

аля крест

верстка это интересно

ну уже что-то понятнее стало. почти

В общем сделал на js - вычел ширину сайдбара, онлайн и поиска. Через calc такое не сделать.

Нет, так не выйдет. Лого здесь выделено лишним, я делал от телефона до версии(как и должно быть, но кнопка обучение всё портит. Она является статичной ширины с резиновыми пэддингами и по этому контент переходит на строку.

Понимаю, что через content-box я не решу новую проблему - будет откваться сабменю от синего сайдбара до кнопки онлайн обучение, дожны быть вровень как на логотипе BMW

^

было бы идеально вычислить 185px + 3.82%*2 через calc(), но проценты относительны родителя, а не 185px

Парни, кто любит дикие баги, делюсь приколясом) Есть slick slider вот его стрелки http://joxi.ru/Vm631J6SDMxE52 Когда для них значение top превышает 36px весь блок со слайдером исчезает, а точнее становится невидымым http://joxi.ru/p27EyqWtow0jer

Так это же просто можно сделать

Через модалки обычные

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

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

Ребята в w3schools рекомендуют использовать em для шрифтов и rem для задания размеров элементов. с Кто-нибудь практикует такое. И не будут ли закидывать тухлыми яйцами если я начну использовать это?

Ребята в w3schools рекомендуют использовать em для шрифтов и rem для задания размеров элементов. с Кто-нибудь практикует такое. И не будут ли закидывать тухлыми яйцами если я начну использовать это?

rem это прокачаный em поэтому можно его и для шрифтов юзать грубо говря html {fz:10px} и медиа-заброс на мобилку и html {fz:8px} и все аккуратно уменьшилось. Удобно, помоему да ?. Кто что думает?)

ERROR: S client not available

Ребята в w3schools рекомендуют использовать em для шрифтов и rem для задания размеров элементов. с Кто-нибудь практикует такое. И не будут ли закидывать тухлыми яйцами если я начну использовать это?

Что бы ты не делал, всегда найдутся те кто закидает тебя тухлыми яйцами. Поэтому делай как нравится.

Ребята в w3schools рекомендуют использовать em для шрифтов и rem для задания размеров элементов. с Кто-нибудь практикует такое. И не будут ли закидывать тухлыми яйцами если я начну использовать это?

Необязательно всегда юзать рем, к любому действую надо подходить с умом и анализом, нужен ли что-либо использовать это в конкретном примере или нет. Никогда не стоит слепо следовать рекомендациям.

Ребята в w3schools рекомендуют использовать em для шрифтов и rem для задания размеров элементов. с Кто-нибудь практикует такое. И не будут ли закидывать тухлыми яйцами если я начну использовать это?

везде rem, в некоторых кейсах em лично я юзаю

rem это прокачаный em поэтому можно его и для шрифтов юзать грубо говря html {fz:10px} и медиа-заброс на мобилку и html {fz:8px} и все аккуратно уменьшилось. Удобно, помоему да ?. Кто что думает?)

62.5% вместо 10px

Ребята в w3schools рекомендуют использовать em для шрифтов и rem для задания размеров элементов. с Кто-нибудь практикует такое. И не будут ли закидывать тухлыми яйцами если я начну использовать это?

rem для шрифтов можно, для элементов тоже, но 100500 раз подумай, зачем тебе это и нужно ли вообще

media query на em

w3schools как бы не авторитет совсем, они и font awesome советуют гыгыгы

подскажите, как сделать с бутстрапом 3, чтобы полоса под контейнром была по длине, как зеленые блоки? https://codepen.io/anon/pen/WJJvbe

https://codepen.io/allekss90/pen/YLLwZQ

Кто знает, почему не работает функция. После клона, не вешается на клона автокомплит https://codeshare.io/aJAX76

https://codepen.io/allekss90/pen/YLLwZQ

спасибо. Сделал уже через width: calc(100% - 20px);

Когда навожу на ссылку, то ее цвет меняется на синий, как снять такой эффект?

a:hover{color: #000;}

будет черный вместо синего ))

?

ребят, привет. я так понимаю что в phpstorm есть возможность сворачивать такие блоки в css. подскажите как включить эту настройку?

так у тебя вон – показывается слева

нажимаешь на него и блок сворачивается и соответственно – превращается в +

VSCode умеет сворачивать по комментам еще

видимо речь идет о каком-то волшебном "сворачивании"

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

w3schools как бы не авторитет совсем, они и font awesome советуют гыгыгы

Чем плох ФА?

зЫ.Ребята помогите

рассшифруйте эту стрелочную фи.А то я не до пер

model.board.forEach(collison => view.context.drawImage(view.coll,collison.x-view.coll.width/2,collison.y-view.coll.height/2));

Кто-то работал с CS-Cart ? Есть смысл под нее верстать? Или оно мертвое и ненужное. ка кдле?

как правильно подключить CDN bootstrap?

как раз пару дней назад видел https://codepen.io/mican/pen/RyjZgm

как раз пару дней назад видел https://codepen.io/mican/pen/RyjZgm

хахах,я тут часа 2 сижу строю самому все) спасибо огромное)

как правильно подключить CDN bootstrap?

https://www.bootstrapcdn.com