HTML Coding

29542 questions in this forum

1. Убрать полосы по бокам

   Здравствуйте! Не могу понять, как убрать чёрные полосы по бокам видео. Вот скриншот А вот сам код : <div class="video-container"> <iframe src="https://vid.me/e/VWeY?stats=1" height="315" width="560" allowfullscreen="" frameborder="0"> </iframe> </div> .video-container { position: relative; padding-bottom: 58.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } Благодарю за ответ!

   Asked by Zakonoposlushniy, August 19, 2016

   • css
   • html
   • frame
   • video
   0 votes
   0 answers
2. Позиционирование картинок на заднем фоне

   Здравствуйте! Имеется картинка для заднего фона и ещё 2 файла, которые надо разместить поверх самого фона Хотелось бы узнать как можно разместить ipad и iphone на фоне, уменьшить их размер (сами они очень большиеа) и сделать растягивающийся фон Могу также оставить ссылку на psd если надо. Заранее благодарю

   Asked by Voilin, August 18, 2016

   • верстка
   • background
   • позиционирование
   0 votes
   0 answers
3. Сложная таблица средствами css

   Народ, подскажите пожалуйста, возможно ли сверстать такого типа таблицу средствами css? Простые таблицы мне понятны, а вот попалось посложнее и подвис.

   Asked by Archimboldo, August 18, 2016

   • таблицы css
   0 votes
   4 answers
4. Как сделать такой блок

   Здравствуйте господа! Возникла проблема, не знаю как реализовать. Нужно сделать такой блок, который я на схеме расположил между верхним и нижним блоком. Чтобы у него были внутренние отступы от краёв, как на схеме и он делился на две части ( в одной текст, в другой видео). Благодарю за ответ и помощь в реализации!

   Asked by Zakonoposlushniy, August 18, 2016

   0 votes
   1 answer
5. Простая задача на js

   Доброе время суток! Начинаю изучать js. Помогите с такой задачкой вот условие: вывести в одной строке цифры 7 13 100 с двойными пробелами между ними.

   Asked by Ratibor, August 18, 2016

   0 votes
   2 answers
6. Запустить код

   Добрый день, не получается запустить код с codeopen http://codepen.io/ChrisSargent/pen/meMMye/ может там есть какие особенности? У меня просто отображаются два инпута одной строкой

   Asked by imakhortykh, August 17, 2016

   0 votes
   3 answers
7. 2 разные Bootstrap сетки

   Всем привет. Есть макет, который отрисован по Bootstrap сетки. Однако на оснвных страницах используется стандартная сетка шириной 1170px, а на нескольких внутренних используется сетка шириной 960px. Как верстать такой сайт правильнее? Подключать два файла стилей бутсрапа? Как тогда указать, как использоваться в данный момент. Заранее спасибо за ответ!:)

   Asked by IvanRu08, August 15, 2016

   0 votes
   2 answers
8. Фильтр html таблиц с помощью чекбоксов

   Здравствуйте! Подскажите, пожалуйста, есть ли готовое решение на javascript для фильтрации данных в html таблицах с помощью чекбоксов. Есть отличное решение с помощью поля поиска: http://www.listjs.com/examples/table А вот с чекбоксами я не нашел. Заранее благодарен за помощь.

   Asked by volshebnyi, August 15, 2016

   0 votes
   0 answers
9. Несколько рамок с текстом чтобы они были расположены горизонтально

   Здравствуйте. Хотел бы установить на свой сайт вот такую штуку, как на скрине: Чтобы именно 3 ячейки с текстом были такого вида. Желательно такие же округлые, но можно и прямоугольные. НЕ кнопки (происходит конфликт в коде и все кнопки на сайте перестают работать, даже если "disabled") Помогите пожалуйста.

   Asked by Alexey1111, August 15, 2016

   0 votes
   0 answers
10. Внутренняя тень у svg-иконок

    Здравствуйте. Необходимо реализовать svg-иконки соцсетей. На картинке снизу соответственно обычное состояние, hover и active. Скрытый текст . В состоянии active у иконки должна появляться тень. Код иконок я вставляю в HTML, и стилизую с помощью CSS. Сначала я пытался реализовать тень с помощью box-shadow inset, применяя её к самому svg. Но в таком случае тень появляется как-бы за элементом http://codepen.io/Drew96/pen/WxPdvb Потом я пытался сделать тень с помощью svg-фильтров. Но так как иконка представляет собой круг с «дыркой» по форме значка социальной сети, то тень появлялась не только сверху круга, но еще и под значком. Тогда…

    Asked by Drew96, August 15, 2016

    • css
    • svg
    • box-shadow
    0 votes
    7 answers
11. Две ссылки на одну кнопку

    Ребята, оочень слабо смыслю в html, скомуниздил с сайта форму вместе с дизайном кнопки " <div class="inputs"> <input type="hidden" name="userip" value="" /> <input type="hidden" name="promo" value="" /> <input type="hidden" name="srcurl" value="" /> <input type="hidden" name="ctag" value="" /> <input id="firstname" type="text" name="firstname" class="name input" placeholder="Имя" /> <input id="email" type="text" name="Email" class="email input" placeholder="Email"…

    Asked by jack777, August 14, 2016

    0 votes
    0 answers
12. Модификация кнопки

    Здравствуйте. Помогите, пожалуйста, изменить код кнопки. А именно привязать к ней ссылку, чтобы при нажатии на кнопку эта ссылка открывалась в новом окне. Соответственно чтобы изначальные функции кнопки не были утеряны (submit). Вот код с которым у меня возникли проблемы. Разными способами пытался, но всё тщетно. var button = '<input type="submit" class="btn btn-primary btn-lg" value="Take it, Easy">';

    Asked by Alexey1111, August 13, 2016

    0 votes
    1 answer
13. Ссылку на актуальную статью по less

    Дайте, пожалуйста, ссылку на актуальную статью по less... Имею Kubuntu, Chromium, FF, установленные пакеты less-458-2, nodejs-0.10.25~dfsg2-2ubuntu1 гуглом нахожу какие-то обрывки

    Asked by mstdmstd, August 13, 2016

    0 votes
    1 answer
14. Проблема с табами

    Всем привет! Не получается сверстать вот такие табы не могу понять что делаю не так . все что получается у меня это непонятно почему вылезла эта линия внизу, в не активном режиме и не получается ее скрыть. При нажатии вроде как все нормально , а вот именно сначала вылазит эта линия . Надеюсь на помощь ) вот код <div class="col-md-7"> <div class="tabs_header clearfix"> <div class="wrapper"> <div class="tabs clearfix"> <span class="tab">Скидки учащимся</span> <span class="tab">Дополнительные скидки</span> </d…

    Asked by Driven, August 12, 2016

    • табы
    0 votes
    1 answer
15. Меню с выпадающими блоками

    Есть 7 блоков. При нажатии на блок рядом с ним появляется еще один (на картинке синим цветом). На каждой строке должно быть максимум 4 блока. Проблема заключается в том, что при нажатии на 4 блок при открытом 3-м блоке, 7 блок переходит на третью строку. Необходимо каким-то образом перемещать блок на свободное место, то есть в конец первой строки. Аналогичная проблема при меньшем размере окна, когда блоков в строке 3, 2 и так далее.

    Asked by prostodenis, August 12, 2016

    0 votes
    0 answers
16. Background из psd макета.

    Добрый день.Как можно повторить, такой вот backgorund: http://savepic.ru/10905797.png Узор вырезал, с градиентом не могу справиться.

    Asked by NapNu, August 12, 2016

    • css
    • html
    • psd
    0 votes
    9 answers
17. Один элемент перекрывает другой

    Решил поверстать макет, предложенный на этому форуме. Там есть изображение чернильницы и бабочек на фоне бардовой ленты. У меня почему-то либо лента перекрывает часть изображения с чернильницей и бабочкой. Либо, если опустить теги с чернильницей и бабочкой ниже, это изображение полностью перекрывает красную ленту и она не показывается вообще. https://jsfiddle.net/of9x1fkg/ Что надо сделать, чтобы чернильница с бабочками нормально и полностью отображалась на фоне ленты? Вот ссылка на макет:

    Asked by DmiUr, August 12, 2016

    0 votes
    2 answers
18. inpur range диапазон

    Доброго времени суток. Подскажите, пожалуйста, как можно реализовать второй ползунок к input range, чтобы отображать диапазон значений, не используя плагины jquery. <input type="range" id="r1" oninput="fun1()" min="0" max="1000" step="10" value="0" > <input type="text" id="i1"> <script> function fun1() { var rng=document.getElementById('r1'); var i1=document.getElementById('i1'); i1.value=rng.value; } </script>

    Asked by imakhortykh, August 11, 2016

    0 votes
    1 answer
19. Табы появляение активности при нажатие и прелоад.

    Доброго времени суток. Вот такой у меня получился сайтик http://www.nashe.eu/about/ и вопрос конкретно по этой странице, и прелоаду главной На странице о компании, есть блок с классом about, там текст, который должен быть при переходе на страницу данную страниц, но верхние табы должны оставаться на ней всегда... Подскажите, как сделать так, чтобы активность у таба появлялась по нажатию и открывался блок с контентом данного таба, а у блока about появлялся display: none... Вот скриптик $('ul.tabs__caption_about').on('click', 'li:not(.active)', function() { $(this) .addClass('active').siblings().removeClass('active') .closest('div.tabs_abou…

    Asked by Mary_RND, August 11, 2016

    0 votes
    1 answer
20. Не работает позиционирование

    Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Сам элемент сверстан как пустой див с цветным фоном. Страничка не выложена в сети, находится у меня в папке компьютера.Вот макет, который я пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом…

    Asked by DmiUr, August 11, 2016

    0 votes
    2 answers
21. Не работает позиционирование

    Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Вот сам макет который пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом рекомендаций. Спасибо за понимание.

    Asked by DmiUr, August 11, 2016

    0 votes
    2 answers
22. Как сделать, чтобы при появлении вертикальной прокрутки, divы не выходили за правый край контейнера?

    DEMO Когда содержимое не помещается в overflow: auto, то элементы внутри прокрутки выходят за свой контейнер появляется горизонтальная прокрутка (Смотри загруженное изображение) Не понимаю, как сделать, чтобы блок overflow: scroll становился такой ширины, как и элементы внутри (расширялся), а не появлялась горизонтальная прокрутка.

    Asked by Roma-Pro, August 10, 2016

    • html
    • css
    • scroll
    • div
    0 votes
    8 answers
23. Код не проходит валидацию

    Добрый день! Возникла проблема с валидацией : не пойму в чём дело. Вот участок кода <thead> <tr> <th rowspan="2"><b>Menu</b> | Updated 10th of December 2016</th> <th></th> </tr> </thead> Благодарю за помощь!

    Asked by Zakonoposlushniy, August 10, 2016

    • код валидация
    0 votes
    2 answers
24. Анимация circle chart

    Здравствуйте. Как осуществить такую анимацию - https://dribbble.com/shots/1296229-Animation-Rectify-Stats От нее нужен сам круг и цифры в центре, ну и эффект тоже. На SVG? Вдруг у кого-то есть пример, поделитесь, пожалуйста.

    Asked by kattiperk, August 10, 2016

    • animation
    • svg
    0 votes
    12 answers
25. Не работает background-image

    Попробовал начать верстать один из предложенных здесь макетов - файл с фоновым изображением не отображался, хотя прописано все было вроде бы правильно. Попробовал прописать его как простой img уже в html - картинка не отобразилась, только маленький квадрат с крестиком. Подскажите, в чем причина в совокупности такого поведения изображения.

    Asked by DmiUr, August 10, 2016

    0 votes
    15 answers