HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Не работает слайдер slick в IE 9
Здравствуйте. помогите, не работает слайдер slick в IE 9. Все картинки, которые в нем расположены, становятся вертикально, друг под другом. Может есть какое-то решение или настройки?
0 votes11 answers -
Пропадает изображение в слайдере при масштабировании
Доброго времени суток. Столкнулся с проблемой: Есть некий сайт, пстроен на ModxRevo. На главной есть слайдер, реализован с помощью Flexslider. При горизонтальном масштабировании(изменении размеров окна браузера) катринка исчезает Вызов слайдера: <div class="row"> <div class="col-sm-3">[[$sidenav]]</div> <div class="col-sm-9 hidden-sm">[[$slider?set=`set1`]]</div> </div> Чанк слайдера: <!--========== SLIDER ==========--> <div class="flexslider"> <ul class="slides"> [[parseMIGXToGallery? &tpl=`images.gallery.tpl` &i…
0 votes1 answer -
Надо меню сайта сдвинуть влево
Надо меню сайта сдвинуть влево В броузере Ffirefox меню выглядит корректно , в Chrome расположено по центру. Почему оно в Chrome там оказалось не пойму, было раньше расположено слева. Подзабыл, год не занимался версткой. Сам допру, но хочется побыстрей. Решил контент освежить. сайт http://nakhodka.h1n.ru/
0 votes2 answers -
проблемы с айфон
И снова у меня проблемы с продукцией великого бренда огрызка http://verstka.webjon.ru/ там, где каталог продукции, ниже баннеров. на айфоне (ну и других апплах) наблюдается http://joxi.ru/vn2YRynULKjoA6 подобный косяк. Я уже все попробовал (если где странные и ненужные стили не удивляйтесь). Я реально не понимаю, как при указанной высоте один абзац оказывается меньше другого. я даже высоту картинок выровнял... Ну и просто, скажите аппл, он кроме поднятия ЧСВ вообще имеет достоинства?
0 votes0 answers -
При нажатии на кнопку "Заказать" товар физически "улетает" в корзину
Здравствуйте! Вот на этом сайте доставки пиццы - http://dominos.ua/ru/ реализовано следующее: при нажатии на кнопку "Заказать" пицца "улетает" в корзину (в верхней части сайта). Подскажите, пожалуйста, куда копать (на чем сделано, может быть это готовая библиотека) чтобы реализовать данный функционал? Заранее благодарен за помощь!
0 votes3 answers -
А как бы сверстали вы? Занимательный вопрос.
Всем привет! Наткнулся на такой макет https://mega.nz/#!5XYwxYrK!CKPEpk5YklPP-_QThH67BoTQLVQfDvzt1cmVoO9hFRo На картинке проблемные элементы выделены синими стрелками: - листы с загнутыми уголками и тенями (Блоки с заголовками Documents и Photos) - иконки планшетов с тенями - линия разрыва (если так понятно о чем я) - иконки ноутбука с тенями Можно сверстать так: загнутые листы и иконки блоков docs и photos наверное можно в одну png сохранить. можно разбить на два файла. Планшеты(ноут) и тени сделать отдельными картинками. Т.е. тень будет фоном у компа и ноутов. Планшеты и ноут в SVG. Но больше всего интересна…
0 votes2 answers -
Вопрос про значения атрибута href
Здраствуйте. Не могу найти в спецификации описание значений к атрибуту href такие как mailto,tel,ftp,Описываются ли они там вообще?
0 votes2 answers -
Переход Да или Нет
Надо чтоб отображалось слово Автомобили, нажимаешь на Нет или Да, и появлялось дальше по дереву Помогите реализовать 1 уровень
0 votes0 answers -
как выбрать "остальные" элементы массива?
Здравствуйте, такой вопрос... если не сложно, подскажите. Есть у меня массив неких элементов с классом .nav-item. Клик по одному из этих элементов element.onclick = function() ... в которой я делаю проверку на наличие класса у дочернего элемента. this.firstElementChild.contains('class') и если у элемента, на который я нажал этот класс есть, то у остальных элементов данного массива этот класс надо убрать, т.е. как радио кнопка, должен быть только один активный элемент.. как эти вот "остальные элементы массива" выбрать? Как написать что у остальных элементов данный classList.remove('class')? Подскажите пожалуйста, как такое вообще организовывается...
0 votes1 answer -
Как поменять блоки разных родителей местами?
Можно ли при такой структуре поменять местами при маленьких экранах блоки c текстом 2 и 3? <container> <div class="row"> <div class="col-xs-12 col-md-12"> <div>1</div> <div>3</div> </div> <div class="col-xs-12 col-md-12"> <div>2</div> <div>4</div> </div> </div> </container> т. е. сперва идёт обычный порядок 1 3 2 4, а при размере col-xs-12 меняется на 1 2 3 4
0 votes4 answers -
В чем причина чудовищно долгой загрузкой лендинга?
Здравствуйте! Только что закончил работу над лендингом и перешел к его оптимизации. Перед этим решил его проверить с помощью сервиса Pingdom: https://tools.pingdom.com Показатели следующие: Performance grade: 97 Page size: 3.5 MB Requests: 93 Load time: 60 СЕКУНД! Голова трещит, что переспелый арбуз, не могу понять, в чем причина столь долгой загрузки? Буду искренне благодарен за экспертное мнение. Адрес лендинга: https://hutor.kh.ua/ P.S. Проверял этим сервисом сторонние лендинги, с весом и обращениями в 2-3 раза превышающие мои. Скорость загрузки у них всего несколько секунд.
0 votes5 answers -
Bootstrap расположение блоков
<div class="row"> <div class="col-lg-4 col-md-4 ">1</div> <div class="col-lg-8 col-md-8 ">2</div> </div> интересует вопрос при разрешении экрана sm блок 1 стал на место блока 2 и расположились друг другом горизонтально ——————————— 1 ———————————2 а нужно ———————————————————--2 ———————————————————--1 помогите
0 votes1 answer -
Почему не обновляется экран при отладке через смартфон?
Здравствуйте! Когда я подключаю свой телефон на андроид 4+Хром к компу, чтобы посмотреть его глазами на какой-то сайт и отладить что-то при необходимости, то почему-то при прокрутке страницы вверх или вниз исчезает изображение в импровизированном экране телефона(там я поставил знак вопроса): Если мышку переместить на DOM справа, то изображение появляется и держится до момента новой прокрутки страницы вверх или вниз. Это как-то можно исправить, чтобы не бегать мышкой на DOM?
0 votes0 answers -
Почему на инпут не действует псевдоЭлеммент?
афтер не работает https://jsfiddle.net/1ygc5Lkb/
0 votes3 answers -
Добавление картинок
всем привет! подскажите пожалуйста, мне нужно добавить много картинок(штук 200+/-) на сайт, может есть способ добавить все сразу а не по одной? такой план: http://htmlbook.ru/faq/kak-razmestit-neskolko-kartinok-ryadom-po-gorizontali только в разы больше фоток.
0 votes2 answers -
Позиционирование relative->absolute
Позиционирование подпункта задан относительно родителя. Свойство "left" подпункта задан 100%-ная ширина родителья, но свойство меняется относительно главного окна браузера. Также ведет себя и свойство "top" . В чём ошибка? Вот ссылка https://jsfiddle.net/ttoliboff/kbb6rybz/
0 votes1 answer -
flexbox в safari
Пожалуйста, у кого есть мак и недоразумение, которое там считается браузером сайт http://w2.andy-projects.ru/ Заказчик жалуется, что у него первые 2 столбца в футере ниже. Под винду сафари нет, вроде бы испробовал все, что можно, но не могу исправить, если вижу только скрины
0 votes9 answers -
Не вмещается Страницы
Добрых суток Товарищи. Помогите. Есть макет сайта. Пробую сверстать нижнею часть это все ниже начиная от белого фона. Проблема в том что я открывая сайт в интернете(chrome) вижу то, что я свесртал не влезает и скролится влево. Как это исправить. Пробовал max-widht вроде не помогает. Может не правильно применяю...
0 votes8 answers -
Размещение меню поверх картинки.
Уважаемые форумчане, подскажите, как расположить меню поверх картинки? Картинки и "Главная" находятся в одном div`e, но как их объединить - не знаю. Какая функция за это отвечает? В нужное русло направьте, а дальше я сам) Заранее спасибо.
0 votes12 answers -
Почему не скроллится страница?
Здравствуйте! Столкнулся с тем, что страницы сайта не скроллятся колёсиком мышки вверх-вниз. Как понять, от чего это?
0 votes1 answer -
блок div смещается вниз при заполнении соседнего div`a
Доброго времени суток, форумчане. Пытаюсь сделать 3 div`a в ряд, вроде всё хорошо, но когда начинаю заполнять один из них текстом, то 2 остальных смещаются вниз на одну строку (скрин прилагается). Так же, еще одна проблема. Ткните носом, что почитать, чтобы разобраться с размещением элементов на странице. Какие конкретно параметры за это отвечают? Мне нужно сделать меню поверх картинки, но у меня получается, что меню внизу картинки (хотя всё в одном div`e). Заранее спасибо HTML: Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="windows-1251"> <title>Скотч с логотипом от производителя.</title> <li…
0 votes8 answers -
Неправильное изображение в before
Здравствуйте. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 12px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { display: inline-block; } …
0 votes2 answers -
Как сжать изображения
Проверял сайт сервисом от гугла - PageSpeed Insights. Он мне пишет: Дальше список картинок, причем каждую можно сжать на 70-80%. Изначально картинки обрабатывались программой ACDSee. В этой же программе не получается уменьшить вес картинок - качество существенно ухудшается. Посоветуйте, какой программой попробовать ужать вес без потери качества. Кстати, Фотошоп тоже качество режет - на глаз видно.
0 votes1 answer -
Универсальные списки ошибка 'bitrix:lists.element.edit' is not a component
Здраствуйте,работаю в муниципальном учреждении.Достался сайт по наследству,сам с сайтами никогда не работал.Все было хорошо,но в один момент при добавлении документов в универсальные списки начал выдавать ошибку 'bitrix:lists.element.edit' is not a component
0 votes0 answers -
Выравнивание кнопки в div
Добрый день! Помогите выровнять кнопку "Расчет" в правый нижний угол div'а. В правый край выравнивается, а в нижний край приходится загонять с помощью <br>.
0 votes2 answers