iBars
-
Content count
86 -
Joined
-
Last visited
Everything posted by iBars
-
В Angular мне неприятен один минус. За это его не люблю. Исходный код пишется как "Привет, <b>{{ username }}</b>!". То есть пока не прогрузился JavaScript (или если не прогрузился вообще), пользователь будет видеть эти "переменные" вместо реального содержимого. И только потом посредством JS они будут сконвертированы в значения (т.е. "Привет, <b>Андрей</b>!"). Это также плохо для индексации, например проиндексируется "{{ content }}" вместо текста самого контента. Это существенный минус, из-за которого я категорически против данной библиотеки где бы то ни было. Но может я в чем-то ошибаюсь?
-
На сайте есть главное меню (где полоса поиска по сайту) и оно должно прилипать к экрану при прокрутке страницы. В HTML-файле на компьютере это работает, но на хостинге перестает, хотя это просто вёрстка. HTML: ... <body> <div class="box box-top sticky"> <div class="container"> <div class="menu_main"> ... </div> </div> </div> </body> ... CSS: .sticky { position: sticky; top: 0; z-index: 11000; }
-
Спасибо, воспользовался JS-решением
-
Как сделать так, чтобы этот блок уменьшался по ширине экрана? На обычном ПК он максимально 960px в ширину. Я сделал изображение через тег <img> с шириной 100%, а блок с кружками со свойствами position: absolute; top: 50%; margin-top: -78px; right: 1.2%; width: 100%; Сами кружки прописаны так: margin: 0 0.9%; float: right; Но они сильно съезжают влево с фона при уменьшении разрешения. Как их оставить на своем месте и уменьшать динамически? Т.е. чтобы кружки (и их отступы) уменьшались вместе с блоками Вот что при уменьшении случается:
-
С горем пополам сделал на JavaScript.
-
Изображения выходят за пределы слайдера. Задание 100% ширины не выручает
iBars posted a topic in Для начинающих
В конец сайта поставил слайдер. Сначала Owl Carousel, потом Slick. Но в обоих слайдерах изображения выходят за его пределы. Ставил 100% ширину абсолютно всем элементам, не спасает. Даже оборачивал <ul> в <div> греша на float, но не тут то дело -
Изображения выходят за пределы слайдера. Задание 100% ширины не выручает
iBars replied to iBars's topic in Для начинающих
Разобрался. Все дело во вложенном Bootstrap'овском .container'е -
Здравствуйте. Каким способом можно реализовать такое дерево элементов? Есть какая-то библиотека? Желательно конечно библиотеку. На ум пришло только абсолютное (относительно-абсолютное) позиционирование (что по-моему крайне не очень) и таблица (но как провести линии между элементами?) UPD: Нашел! Treeant.js и Springy
-
При закрытии модального окна страница прокрутывается в начало
iBars posted a topic in Для начинающих
При закрытии модального окна, открытого автоматически через 10 секунд после загрузки сайта, страница прокрутывается обратно в начало. Если его запустить по кнопке "Смотреть видео", то не прокрутывается. На демо сайте модуля модальных окон такого не наблюдается, JS-ки даже скопировал их -
Превьюшки, которые слева, не центрируются по вертикали. Я пробовал: 1. vertical-align: middle 2. display: table (родительский элемент) и table-cell (дочерний эемент) 3. top: 50% и transform y -50% (отображается некорректно на некоторых устройствах, да и костыль к тому же)
-
При клике колесом мыши (или левой кнопкой мыши при зажатом Ctrl) по темам форума, они не открываются, при том не у всех. Общался с администратором, он чистил куки, кэш и прочее. В чём проблема и как это можно исправить?
-
Устранено. Проверил с отключённым JS - заработало, и по очереди удаляя каждый, нашёл в каком именно из скриптов был блокиратор
-
Мне уточнили, оказывается не работает открытие в фоновой вкладке ссылки "Последнее" справа от тем. Проверил у себя - действительно. Особенно когда страница полностью загрузилась И почему не работают только эти ссылки?
-
На моем сайте почему-то не отображаются подписи на картинках (раздел Скриншоты, если скроллить). В коде они есть, но перестают отображаться после анимации. Пробовал убрать анимацию - не отображаются и вовсе. Игрался с z-index, тоже не помогло
-
Подпись на картинке через position: absolute не работает
iBars replied to iBars's topic in Для начинающих
Эх, все никак руки недойдут UPD: Сделал Спасибо большое! А то я для <img... его прописывал -
Есть кнопка Online (.ostatus .button), при наведении мыши на которую должно выпадать меню (.ostatus ul), но ничего не происходит. Делал по готовым примерам в интернете - тоже ничего. HTML: <div class="ostatus"> <div class="button"><span class="status online"></span> Online <span class="caret"></span></div> <ul> <li><span class="status online"></span> Online</li> <li><span class="status offline"></span> Offline</li> </ul> </div> CSS: .ostatus .button {position:relative} .ostatus ul {position:absolute;width:130px;left:-9999px} .ostatus .button:hover ul {left:0;display:block}
-
-
-
Страница на компьютере в виде HTML файла... Выставил 35.5%, стало в норму. Потом когда всё доделаю проверю на смартфоне и других браузерах. Но как сделать чтобы оно выпадало при клике по кнопке?
-
Сделал так: .ostatus{position:relative} .ostatus ul{position:absolute;width:92px;left:0;top:33px;display:none} .ostatus .button:hover + ul{left:0;display:block} ul:hover{display:block} Но выпадающее меню уходит влево, а не находится прямо под кнопкой. И хотелось бы чтобы оно выпадало при нажатии (пробовал :focus вместо :hover, ничего не происходило)
-
"background-size: cover" не применяется и перечёркивается даже при "!important"
iBars posted a topic in Для начинающих
На этих двух страницах [один, два] к фоновым картинкам в самом верху и самом низу не применяется параметр CSS "background-size: cover", вместо этого он перечёркнут в инспекторе элементов и принудительно его применить не получается даже флагом "!important". Подскажите, что делать? Заказчику очень нужно. Я бы прописал конкретно для блоков, но увы тем самым я испорчу фикс для Safari, поэтому желательно сделать это как-то в таблице стилей. Да и вообще тупо странно, что происходит такая вещь... -
"background-size: cover" не применяется и перечёркивается даже при "!important"
iBars replied to iBars's topic in Для начинающих
Так я же снимал галочку с переопределённого background'а, а "background-size: cover" всё равно оставался зачёркнут. Ну ладно, пропишу тогда там это свойство, странно что !important не отменил переопределение, хотя он для этого создан -
Как сделать так, чтобы background плавно приближался как здесь и остановился на N-ном моменте времени?
-
А можно это реализовать без тега <img>? Чисто CSS-background'ный блок
-
В разделе фотографий при клике на превью перестало работать открытие модального окна с полноразмерной картинкой и комментариями к ней. Причина не ясна. Скрипт JS, создающий это окно (строка 55)
-
Короче Instagram не отдаёт комментарии, только их количество: var keys = Object.keys(value.comments); alert(keys); // Ответ: count