Ubhra

Добрый день. Использовал плитку из masonry.pkgd.min.js. Между блоками должен быть промежуток 20 px. Но он есть не всегда и не во всех браузерах. Опера все отрисовывает правильно, хром иногда без промежутков, а мозила почти при каждом F5 выдает разные результаты. С чем это связано и можно ли починить? .prev_block{ width:300px; background-color:#a3bd6f; margin-top:20px; }

Добрый день. Как влияют относительные или абсолютные ссылки на работу с поисковиками и есть ли разница в нагрузке на вес страницы или скорость загрузки?

Добрый день. <div class="case" data-masonry='{ "itemSelector": ".prev_block", "columnWidth": 320 }'> <div class="prev_block"></div> <div class="prev_block"></div> <div class="prev_block"></div> Не получается выравнять блоки по центру. Так не работает: .case{ margin:0 auto; } Так заработало: <div class="case" data-masonry='{ "itemSelector": ".prev_block", "columnWidth": 320, "fitWidth": true }'>

Добрый день. Подскажите пожалуйста как заставить переменные работать в двух браузерах IE 9, 10, 11 и UC ? :root{ --color_a:green; } .test{ background-color:var(--color_a); fallback не вариант

Добрый день. Подскажите пожалуйста почему вложенный в медиазапрос импорт не работает и можно ли его заставить работать? @media screen and (min-width:360px) and (max-width:399px){ body{ width:360px; } header{ display:none; } @import url("preview300.css"); .note,.comment_block{ width:340px; } } По идее это нужно что бы не писать одно и то же по нескольку раз. Конечно можно использовать переменные: :root{ --preview300:; --preview350:; } Но это еще более мутно и вроде как широко не поддерживается на данный момент.

А без js обойтись нельзя?

Добрый день. Подскажите пожалуйста как добиться такого, что бы новые блоки добавлялись по порядку (по высоте). Ширина блоков и окна статична, по высоте блоки двух типов. На скрине черным пронумерованы по порядку добавления блоки которые уже есть, а красным обозначены места для последующего добавления.

Добрый день. Существует множество библиотек с эмоджи, в основном они принадлежат крупным конторам, эплу, майкрософту, соц.сетям и т.д. и лицензированы не совсем свободно. Существуют ли действительно свободные библиотеки эмоджи?

Завернул <samp> в <div>, заработало "обрезание", а вот многоточие не ставит. Получается что то не то с <samp>? samp{ align-self:flex-end; margin:0; padding:0; }

Добрый день. В блоке article использую display:flex; и поочередно div и samp. В итоге избыточный текст обрезается не корректно, последняя строка уходит за границы на половину. padding не помогает. <article> <div style="font-size:140%;">Наименование 1</div> <samp>text</samp> <div class="test">LLLLLLLL LLLLL LLLLL LLL LLLLLLLLL LLLLLLLLLLLL LLLLLLLLLLLL LLLLLLLLLLLLLL LLLLLLLLLL LLLLLLLLLLLL LLL LLL LLLLLLLLL LLLLLLLL LLLLLLLLLL LLLLLLLLLLLLLLLLLLLLLLLL LLLLLLLLLLLLLL LLLLLLLLLL LLLLLLL LLLLLLLLLLLLL LLLLLLLLLLLLLLLLLLLLLL LLLLLLLLLLLLLL LLLLLLLLLLLL LLLLLLLLLL LLLLLLLLLLLLLLLLLLLLLLLLLL LLLLLLLLLLLL LLLLLLLLLLLL LLLLLLLL LLLLLLLL LLLLLLLL LLLLLLLL LLLLLLLL LLLLLLLL LLLLLLLL LLLLLLLL LLLLLLLL LLLLLLLL LLLLLLLLLLLLLL LLLLLLLLLL LLLLLLLLLLLL LLL LLL LLLLLLLLL LLLLLLLL LL LLL LLLLLLLLLL LLLLLLLLLLLLL LLL LLL LLLLLLLLLLLLL LLLLLLLLLL LLLLLLLLLLLLLLLLLLLLLLLLLL</div> <samp>text</samp> </article> article{ background-color:#dcdcdc; margin:10px auto; box-sizing:border-box; border:1px solid #a9a9a9; border-radius:10px; box-shadow:0 0 5px #c0c0c0; max-height:280px; padding:10px; display:flex; flex-direction:column; } .test{ background-color:orange; height:200px; overflow:hidden; text-overflow:ellipsis; white-space:pre-wrap; }

Используйте любое облако с возможностью "шарить" файлы. Например яндекс диск или дроп бокс. А список можно вести и в соц сетях или google docs. Это самое быстрое из самого простого.

Добрый день. Сейчас можно часто увидеть имена типа site.com.ua, есть ли специализированные регистраторы для подобных доменов. Цель получить короткий и лаконичный домен дешевле 2 уровня, но с надежными гарантиями и обязательствами. И с какими вообще подобными доменами вы сталкивались?

Добрый день. Возможен ли аудиоплеер только на html5 и css, без js, но не простой <audio>, а с плейлистами, фунциями сортировки или эквалайзером?

Там ничего не понятно, да и не совсем то что нужно. Вот по этому примеру получилось. Спасибо. https://codepen.io/gschier/pen/HCoqh

Добрый день. Подскажите пожалуйста как при клике ссылку открыть картинку на весь экран с затемнением фона, так что бы при повторном клике на картинку или фон она закрывалась. И возможно ли все это только на CSS?

Спасибо!Оно самое.

В том то и дело. На реальом устройстве медиа запросы не работают. Почему то в десктопе определяются именно размеры окна браузера, а мобильник отображает сайт как для экрана 1080px при реальных 360px. В js за это отвечают screen.width и document.body.clientHeight, один запрос на ширину экрана, второй на ширину браузера. Вот посмотрите пожалуйста, что не так? http://test.introdump.net/

Для мобильного. Т.е. если сайт просматривается на мобильном, что бы можно было управлять отображением блоков. Меняю размер только двух блоков, в зависимости от экрана. Беру десктопный браузер за край и "елозю" меняя размер, все работает (особенно с display:flex; замечальные эффекты).

Для контроля ширины блоков использую медиа запросы в CSS. Они отлично определяют разрешение экрана, но как без js узнать размер окна браузера? P.S. Причем если менять размер размер окна десктопного браузера, то запросы @media screen работают идеально. Мобильный браузер пытаясь имитировать десктопный, уменьшает все так, что шрифт не разобрать. Пытался с помощью (<meta name="viewport" content="width=device-width, initial-scale=1">) исправить, оно просто скалирует не влияя на размер блоков.

Да, спасибо, перепутал разрешение экрана и размер окна браузера. Экран телефона 1080*1920, но размер браузера в действительности 360*640.

Спасибо. Жаль что тут на сайте все что осталось в wtbkit, не публикуется. Подскажите пожалуйста еще по медиа. Работает десктопных хроме, мозиле и даже в ие10, но в мобильных браузерах не работает. @media all and (min-width:1024px) and (max-width:1279px){ body, footer{ width:1000px; }

Добрый день. Есть два горизонтальных блока <header> и <nav>. Как можно без js сделать такой скролл эффект, когда при прокрутке <header> ведет себя как обычный блок, а <nav> при достижении верха окна браузера становится position:fixed; и bottom:0; Причем если вертеть обратно то снова отлипает от верха?

Да, но если это меню для мобильника, то наведение курсора не сработает, нужно обработать нажатие, что то вроде onclick, только без js.

AlexZaw немного не то. Мне бы без "подменю", что бы понять принцип. Hasiev это мобильное меню выпадающее при нажатии на "бутерброд", "гамбургер" значок из трех горизонтальных полос ☰

Добрый день. Подскажите пожалуйста как реализовать аккуратное бутерброд-меню (ul li) без дополнительных подразделов и главное без js.