Jump to content

alleclf

User
  • Posts

    273
  • Joined

  • Last visited

Everything posted by alleclf

  1. Не могу отменить действие свойства float. Например, есть несколько элементов выстроенных в ряд флоатом. Как-то можно из сделать каждый с новой строки не убирая флоат? Вот пример: http://jsfiddle.net/yhkp3d15/
  2. Не совсем работает. Если количество картинок не кратно числу в одной строке то последние произвольно растягиваются. Например, в одном рядке 4 элемента, всего элементов 9. То первые 8 элементов правильно распределятся в 2 рядка а в третьем будет один элемент размером на весь рядок.
  3. Не могу понять можно ли как-то во флексах реализовать перенос ниже элементов которые не влезают в выделенную область. Вот пример: https://jsfiddle.net/xostfzj6/1/ В область влезает ровно 4 элемента. Как сделать чтобы остальные размещались ниже? В 2 или больше строк (смотря сколько картинок).
  4. Скажите пожалуйста, можно ли создать такой макет? Все что я сумел сделать это выстроить 4 блока - https://jsfiddle.net/nczm2aps/ а вот как сделать вертикальные разделения? Флекс во флексе?
  5. Спасибо, то что надо. Ещё хотел узнать, можно ли сделать что бы картинки помещались целиком в заданную область (в квадрат). То есть, у вертикальных изображений отступы слева-справа картинка в центре, у горизонтальный изображений отступы сверху-снизу картинка в центре.
  6. Есть несколько изображений, как горизонтальные так и вертикальные. Как их можно выстроить в ряд так, что бы все они стали квадратными. То есть, растянуть картинку меньшей стороной по размеру блока, а та часть что вылазит из блока - скрыть. Вместо продолговатой картинки отобразить только ее середину в форме квадрата. Вот пример, но это не совсем то, надо чтобы картинки масштабировались а там просто отображается верхний угол - https://jsfiddle.net/jk8todrq/
  7. Большое спасибо. Это универсальное решение? Десктопы, мобильные, все корректно работают с flex'ом?
  8. Помогите пожалуйста разобраться с макетом, не пойму как это реализовать. Пример на картинке. Необходимо чтобы центральный блок был фиксированного размера, а боковые растягивались по бокам до краев экрана и вниз по высоте центрального блока. При этом, фон страницы желтый, а в боковых блоках в качестве фона используется изображение с прозрачностью которое в результате должно оказаться на том, нижнем, желтом цвете. Тут заготовка которая не работает (блоки стоят друг на друге) - https://jsfiddle.net/26fen5mk/1/
  9. А как можно передать в "span" маркер что именно эта вкладка активна? Обычная вкладка: <span class="address-link" Активная вкладка: <span class="address-link active" И при смене вкладке чтобы маркер перепрыгивал на новую вкладку (активную)
  10. Помогите пожалуйста понять как создать вкладки с динамической подгрузкой данных. Причём, внутри вкладок должен быть iframe либо скрипт. Всего должно быть 3 вкладки. Нашел вот такое решение: <span class="address-link" data-target-id="target-div-7">вкладка</span> <div id="target-div-7"></div> Код скрипта: $('.address-link').click(function(){ var targetId = $(this).data('target-id'); $('#' + targetId).html('<iframe код айфрейм></iframe>'); }); Решение рабочее, но это НЕ вкладки и этот код НЕ работает если вместо iframe использовать скрипт.
  11. Здравствуйте. Гугл недавно выдал "Проблема с CLS: значение показателя выше порогового (0,25). Устройство: мобильные устройства". С десктопной версией все в общем понятно. Проблема как это исправить на мобильной версии. Все элементы такие как картинки и видео с ютюба подстраиваются под размер экрана и изначально их точные размеры не известны, только ширина в процентах. Как можно в процентом представлении блоков определить их высоты и заранее зарезервировать место?
  12. Здравствуйте. Мне необходимо немного подправить БД. В поле "xfields" значение "2018" изменить на "2019". Вот мой код. $xfrow = $db->super_query( "SELECT xfields FROM " . PREFIX . "_post WHERE id = '$id'" ); if ($xfrow != NULL) { $xfrowclr = str_replace("2018","2019",$xfrow); $db->query( "UPDATE " . PREFIX . "_post SET xfields='$xfrowclr' WHERE id='$id'" ); } Если смотреть промежуточные варианты то он работает до момента записи исправленной информации в БД. Скажите пожалуйста, что не так я делаю.
  13. Информация со скрипта вставляется в блок. Вот так он выглядит в шаблоне: Если трейлер найден Если НЕТ остается как есть
  14. Вот такой скрипт вставляю Где тут что подправить не могу понять
  15. скрипт на другом сайте и доступа к нему нет, я вижу только результат его работы он либо добавляет блок с трейлером, либо оставляет пустой блок
  16. Есть скрипт вставляющий на сайт трейлеры фильмов из своей базы. Проблема в том что не все трейлеры находятся и часто страница остается пустой. В документации к скрипту указано: Так вот, как отловить этот результат и в случае срабатывания hide_uitools() вывести свой блок?
  17. Вот проблемный код: <figure itemscope itemprop="image" itemtype="http://schema.org/ImageObject"> <picture> <img itemprop="url contentUrl" src="http://nebo.top/data/_index-block/bg-index.jpg" srcset="http://nebo.top/data/_index-block/bg-index.jpg" alt="небо" title="небо"> </picture> <meta itemprop="width" content="100"> <meta itemprop="height" content="100"> </figure> Яндекс вебмастер выдаёт ошибку по всем картинкам в таком виде и не индексирует их: Валидатор выдаёт вот такое сообщение по этому коду: Помогите пожалуйста разобраться в чём тут проблема.
  18. С заголовками проблем не было. Я постоянно сталкиваюсь с проблемой лишних отступов и обводками. Может проблема в шрифтах...
  19. Сработало! вместе с обнуленным padding и border. Спасибо.
  20. я в самом конце css-файла прописываю с !important, не должно перекрываться Попробовал перейти на input type="button" - ещё хуже получилось, даже заокругленные угли не могу убрать Мне кажется сам браузер перебивает мои стили. Раньше не обращал на это внимания. Не важно было если кнопка внизу под формой немного меняла стиль. А сейчас это принципиально.
  21. точно, ей ширины не хватает. Но почему? Где берутся лишние отступы по бокам и как их убрать? добавлял padding:0; margin:0 - даже с !important не помогает
  22. Некоторые кнопки на айпаде вроде как съезжают вправо. Причем, размер остается как нужно а то что внутри кнопки съезжает. Вот пример - http://jsfiddle.net/n89amLps/2/ А вот что получается - на размер не обращайте внимания - на планшете разрешение выше чем на ноутбуке
  23. спасибо, работает
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy