HTML Coding

29,542 questions in this forum

1. Простой вопрос!

   Всем привет! Не так давно в front-end'e поэтому никогда не сталкивался с версткой вот таких вот менюшек: http://joxi.ru/EA4abk7HGk4Qrb Не подскажете, как они вообще делаются? Спасибо!

   Asked by Antoshka007, April 9, 2015

   • как
   • это
   • сделать
   0 votes
   3 answers
2. Верстка списка товаров

   Здравствуйте. Верстаю каталог с товарами. Столкнулся вот с такой трудностью: Т.е. товары разбросаны как попало. Как это исправить? Вот ссылка на сайт

   Asked by yaparoff, October 16, 2015

   0 votes
   1 answer
3. События

   Добрый день! Мне нужно создать функцию которая будет запускаться при появлении модального окна ( не браузерного ) на странице. Появляется он в разное время, соответственно всякие setTimout не подходят. Выловить его можно по id.

   Asked by samec1337, October 31, 2015

   0 votes
   3 answers
4. Анимированое изменение числа

   В разделе js настолько нубских вопросов нет, поэтому сюда. Помогите, пожалуйста, с кодом. $({numberValue: 10000}).animate({numberValue: 5000}, { duration: 2500, easing: 'linear', step:function() { $('.count_text').text(Math.ceil(this.numberValue));}}); По идее он должен плавно опускать значение с 10000 до 5000, но конечная цифра всегда рандомная и никогда не совпадает с назначенной.

   Asked by Justus, February 17, 2016

   • js счетчик
   0 votes
   2 answers
5. Какие технологии применены?

   С помощью каких технологий можно сделать подобное интерактивное видео с элементами геймификации и как эти элементы называются (провести мышкой по точкам) (без связки с телефоном (для этого есть Pusher вроде))? http://www.kingsmanmovie.com/becomeakingsman/code Я так понял, этот сайт сделан с помощью backbone.js и underscore.js. Есть ли какие-то туториалы или решения для создания таких видео с геймификацией (взаимодействием)?

   Asked by alexchromets, February 21, 2016

   • интерактивное видео
   0 votes
   3 answers
6. Проблемы с анкорами(якорями)

   Здравствуйте, уважаемые веб-разработчики! Я начал заниматься созданием собственного сайта. Уже его сверстал и добавил нужные скрипты, но перед публикацией столкнулся с проблемой: сайт имеет фиксированную шапку(в ней лого, меню и время) высотой 70 пикселей, зона контента, соответственно, подвижна, в статьях есть якоря и при переходе на них, текст, закреплённый якорем, прячется за шапкой. Может есть какой-то способ установить крайнюю позицию для якоря или что-то типа margin-top для якоря? Ну или скрипт какой, который бы это исправлял? Или я может как-то не так страницу сверстал? Помогите с этой проблемой, почти везде, где искал советуют якорь немного "выше" нужного места …

   Asked by TadeskiOne, March 18, 2016

   0 votes
   1 answer
7. Как оптимальнее разместить большую картинку в качестве фона?

   есть большая картинка - кора дерева. задача разместить в качестве фона. размер для ширины в 1280пх - около 750кб.. что есть не оптимально для скорости загрузки. вот как бы её так сжать правильно? как вариант вижу - сделать левый и правый сайд бары, и в них выводить 2 крайние картинки шириной примерно 300*800, с повторением по вертикали. Но может это как-то по другому делается? пс: решил не заморачиваться, сжал до 350х800, повторение везде + снизил качество фона, получилось 100кб..

   Asked by nikki4, December 5, 2015

   0 votes
   4 answers
8. Позицианирование

   Приветствую, подскажите пожалуйста, как разместить красный блок, ровно по центру картинки? http://cssdeck.com/labs/rp6byd3y

   Asked by Vans, March 10, 2015

   0 votes
   1 answer
9. Проблема с перемещением изображения по вертикали, по горизонтали.

   Дорогие друзья, всем добрый вечер! При создании сайта столкнулся со следующей проблемой. Когда вставляю на сайт изображение (изображение небольшое, под размеры шапки), устанавливаю правило: background-position: top center, но изображение получается слишком высоко и мне его нужно отпустить, если рассматривать в см то приблизительно на 5-7 и сдвинуть в бок на аналогичное расстояние. Подскажите пожалуйста, как это сделать? Сейчас в моем редакторе CSS следующее: Парни, небольшое примечание. Пользовался правилом вроде "margin-left", но перемещается не картинка - как мне нужно, а все содержимое сайта

   Asked by Gentls, November 17, 2015

   0 votes
   2 answers
10. Проблема с формой

    Как сделать так, что бы, не пропадала иконка, при клике на поле? http://jsfiddle.net/bzr1pq2p/ Как ещё сделать, что бы при клике на поле поиска, иконка сменила позицию на background-position: 0 -41px;?

    Asked by DivMan, May 7, 2015

    0 votes
    8 answers
11. bootstrap выпадающее меню

    Нашел в бутстрапе выпадающее меню с кнопкой, при нажатии на которой внешний контейнер родитель добавляет себе класс "open". Вот свойства батома <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">Выпадающий список </button> aria-expanded="false" при нажатии меняется на false true и внешний блок добавляет и удаляет себе класс соответственно. Как так происходит? это без JS? как такого добиться?

    Asked by aqua.77, December 21, 2016

    0 votes
    1 answer
12. Как изменить стиль соседним элементам?

    Задача такая: есть слайдер. если включен первый слайд (первый блок owl-page с классом active), тогда все другие owl-page сделать одним цветом. Т.е. стили только для тех элементов которые идут после первого активного, так как если слайдер поменяется, то цвет изменится.

    Asked by nikki4, July 27, 2017

    0 votes
    1 answer
13. Как лучше объединить разные

    Есть вот такой кода, хотелось бы их объединить, нужна помощь jQuery.noConflict(); function show_wm() { jQuery('#rupay').hide(); jQuery('#robox').hide(); jQuery('#wm').slideDown(500); return false; }; function show_rupay() { jQuery('#wm').hide(); jQuery('#robox').hide(); jQuery('#rupay').slideDown(500); return false; }; function show_robox() { jQuery('#wm').hide(); jQuery('#rupay').hide(); jQuery('#robox').slideDown(500); return false; }; function hide_all() { jQuery('#wm').hide(); jQuery('#rupay').hide() jQuery('#robox').hide(); return false; } jQuery.noConflict();(function($) { $(document).ready(function() { $('#amoney').on('click', …

    Asked by lev99, July 22, 2015

    • jQuery
    0 votes
    4 answers
14. Блоки распадаются

    Верстаю блоки. Вот как это должно выглядеть: Так выглядит у меня: http://codepen.io/anon/pen/LVyogR Что нужно исправить?

    Asked by yaparoff, June 9, 2015

    0 votes
    2 answers
15. Исходный код показывает одно, а фактические получается другое

    Обновил джумлу с 2 до 3 версии. Смотрю верстка стала кривой. В шаблоне и исходном коде показывается следующее: <div id="wrapper"><div id="menu"></div><div id="container"></div><div id="left"></div><div id="footer"></div></div>А фактически на самом деле выглядит все так: <div id="wrapper"><div id="menu"></div><div id="container"><div id="left"></div><div id="footer"></div></div></div>Как такое может быть? что исходный код пишет другое- правильное. думал может у меня с кешем что-то, но проверил сторонним сервисом - тот сделал скрин и там тоже поехавшая…

    Asked by nikki4, January 15, 2016

    0 votes
    3 answers
16. Плавающий background

    Привет, как реализуется плавающий background img, например как на http://air-plane.by (это не реклама)?

    Asked by exoty, April 2, 2018

    0 votes
    1 answer
17. Копирайт залазит за div-секцию на смартфонах (в портретном режиме)

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

    Asked by iBars, May 8, 2016

    0 votes
    1 answer
18. Можно ли поменять местами 2 параграфа?

    есть: <p><img путь и параметры картинки />текст</p>надо: <p>текст</p><img путь и параметры картинки />как такое сделать регулярками не понимаю, если вообще возможно. зато знаю как сделать так: <img путь и параметры картинки /><p>текст</p>но так получается что картинка над текстом.. может можно как-то при помощи CSS сделать визуально, чтобы фото было под текстом?

    Asked by nikki4, September 18, 2015

    0 votes
    8 answers
19. Не работает denwer

    Скачал denwer, установил, запустил. Потом захожу на сайт localhost и вижу мне вылетает ошибка: Как это исправить? помогите пожалуйста. я в этом деле новичок просто искал как создать страницу вот и скачал это!!! И как видите зря ведь получил только ошибку!!!

    Asked by Максим Тиранов, December 11, 2017

    0 votes
    2 answers
20. обрезать резиновую картинку

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

    Asked by cyklop77, June 24, 2015

    0 votes
    5 answers
21. Как перенести текст на новую строку ?

    Здравствуйте. Мне нужно в текстовом поле ввода показывать 2 абзаца содержащихся в переменных t1 и t2 друг под другом с пробелом в одну строку. Подскажите, как это сделать ? Приведенный ниже пример не работает. <textarea type="t" name="n" class="c"><?php echo $t1;?><br><br><?php echo $t1;?></textarea>

    Asked by Kompilator, November 26, 2015

    0 votes
    2 answers
22. Margin при наведении

    Добрый день. На сайте при наведении мыши на логотип следующий блок смещается в право на несколько пикселей. Подскажите пожалуйста, как поправить?

    Asked by jdk, March 17, 2015

    0 votes
    3 answers
23. обводка текста с тенью

    http://hostingkartinok.com/show-image.php?id=2000e17cc73daba11c74069597af3835 сперва белая обводка а потом тень. как сделать? а то у меня не получаеться.

    Asked by raptor-dm, March 16, 2015

    0 votes
    5 answers
24. Баг Google Chrome

    В браузере Google Chrome, при уменьшении ширины окна изменяются блоки, правая колонка встаёт вниз, за блок новостей. Но вот при увеличении ширины, блок с баннерами не встаёт на место. В FF, IE бага нет, а вот в GC есть. MP4 видео - http://i.gyazo.com/f106fdf09ff2831732239ced150f4f60.mp4 В чем проблема, как исправить?

    Asked by LeoSan, May 29, 2015

    0 votes
    1 answer
25. Как добавить ссылку?

    <object style="Margin-top:50px"; align="left" type="application/x-shockwave-flash" height="200" width="200" data="http://agitki.ru/flash/template/globus.swf"><param name="movie" value="<!--http://agitki.ru/flash/template/globus.swf"--> /><param name="wmode" value="Transparent" /><param name="flashvars" value="&in_title=РеКом" /></object>Как сюда добавить ссылку?

    Asked by Mestniy96, May 15, 2015

    0 votes
    6 answers