HTML Coding

29,542 questions in this forum

1. Не отображается выезжающее меню

   Черновик верстки. При разрешении меньше 768, меню трансформируется в боковое выезжающее, но на мобильниках не отображается, хотя в браузере работает, я так понимаю, это потому что само меню, находится в блоке #container, то есть не меняя html ничего сделать нельзя? http://verino.alldesign.org.ua/menu/

   Asked by vera17, October 27, 2015

   0 votes
   6 answers
2. Проблема: смещение на 1px background в Хроме и Мозила

   Здравствуйте уже ни раз сталкиваюсь с подобной проблемой и вот наконец то решил обратиться за помощью Суть проблемы: Подопытный сайт: http://www.retro.ontuning.ru/ Так же прикладываю картинки для наглядности. В левом садбаре имеется табличка, а за ней находится труба, эту трубу я реализовал следующим образом: вырезал кусок трубы размером 12рх на 12рх, после чего добавил в сайтбар свойством background, определил позицию трубы свойством background-position и растянул в длину, чтобы она состыковывалась с фоном в шапке и с фоном в подвале. Таким образом, я добился, чтобы труба тянулась при наличии контента. В мозили все отображается хорошо, так как нужно, а вот в хроме, …

   Asked by Akkord87, October 27, 2015

   0 votes
   13 answers
3. baron scroll sidebar в Фарфоксе отображается свой скролл

   Доброго дня. http://codepen.io/npofopr/pen/xwWqWX как побороть скролл в ФФ для baron, под виндой, видимо? где то видимо overflow: hidden; не хватает, но найти не могу где. Оно или скроллить перестаёт или 2 скролла. Потому что в примерах всё работает.... Может пользовался кто нибудь baron?

   Asked by npofopr, October 27, 2015

   • baron
   • scroll
   • ff
   0 votes
   6 answers
4. скопировать hover-эффект

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

   Asked by cyklop77, October 27, 2015

   0 votes
   5 answers
5. Футер и скролл сециями

   Есть страница сделанная на Scrollify (https://github.com/lukehaas/Scrollify), которая скроллится секциями 100% высоты, как здесь http://projects.lukehaas.me/scrollify/#home. Все хорошо, но нужно добавить футер, фиксированной высоты меньше высоты экрана: И тут возникает проблема, как заставить Scrollify не возвращать на последнюю секцию, когда нужно прокрутить к футеру? http://jsfiddle.net/kvw0eom6/

   Asked by Shiza, October 24, 2015

   • Scrollify
   • лендинг
   • скролл
   0 votes
   1 answer
6. Как подключить виджет uLogin к HTML сайту?

   Создал главную страничку сайта. Так как я новичок в HTML хочу попробовать с простой авторизации через социальные сети. Можете описать детально процесс подключения виджета?

   Asked by BloodyPriest, October 20, 2015

   • HTML создание сайта вёрстка
   0 votes
   9 answers
7. Разное отображение при одинаковом разрешении

   Сайт http://burzhuy.org/deal/. Использую фреймворк bootstrap Имеется проблема с текстом в облачке "Мой собственный капитал...". На ipad текст отображается правильно, то есть не вылезает за границы облачка, но при таком же разрешении(1024х768) на компьютере текст отображается криво. В css я использую @media, а именно для разрешения 1024х768 этот код @media (min-width: 1000px) { .cloud { padding: 12% 54% 8% 8%; } .cloud p { font-size: 15px; } .cloud span { font-size: 19px; } .cloud2 { /*"Deal with it вот что по настоящем круто!"*/ padding-left: 20%; } .cloud2 h1 { font-size: 33px; } .cloud3 { /*"Круто!"*/ padding-right: 29%; } .cloud3 h2 { …

   Asked by afagorn, October 26, 2015

   0 votes
   1 answer
8. HTML5 audio, как подать несколько источников?

   У меня на странице 12 проигрывателей HTML5 audio с ссылками на аудиопотоки! Есть ли способ подавать одному проигрывателю разные ссылки по кликам с кнопок??? Чтобы не громоздить кучу медиаплееров а использовать один?!

   Asked by ogriv, October 26, 2015

   • HTML5 audio
   0 votes
   0 answers
9. нубский вопрос про передвижение списков и маркеров

   В общем, двигаю списки а маркеры остаются на месте, посоветуйте чего, товарищи http://savepic.su/6231777.jpg http://savepic.su/6269664.jpg

   Asked by severianin, October 26, 2015

   0 votes
   2 answers
10. проблема с z-index.

    Вообще я в верстки начинающий и учусь по средствам проб и ошибок. В общем хочу сделать картинку (вызываемая через php) и поверх 2 картинки (через css). Собственно код php: <?php if($current_options['service_image_one']) { ?><div class="service-box_1"><div class="service-box"> <img class="img-responsive service-box-image" alt="Sleek & Beautiful" src="<?php echo esc_url($current_options['service_image_one']); ?>"></div></div><?php } ?> Тут идет прикрепление фоновой картинки через CMS и оно работает. Я лишь добавил <div class="service-box_1"> как родительскую и в css прикрепил к ней 2 картинки. Хочу что бы они были …

    Asked by Lecho, October 24, 2015

    0 votes
    3 answers
11. Блок поверх строки таблицы

    Народ привет всем! Есть задача сделать на ховер строки таблицы, или по клику (не важно), чтоб появлялся блок поверх этой строки, на ее высоту и ширину. Помогите плз идеями, ниче в голову не приходит. http://jsbin.com/hafihigija/edit?html,css,output

    Asked by vladmih, October 23, 2015

    0 votes
    4 answers
12. Размеры элементов в пикселах с процентами при подключении шрифта

    На сайте подключен Open Sans и из-за этого элементы, которым не указана ширина, получаются в пикселах с процентами. Например кнопки: Из-за этого возникает проблема, когда я хочу добавить псевдоэлемент внутри во всю ширину этой кнопки (нужен для эффекта), справа от него получается зазор, где виден фон, несмотря на то, что указано right: 0: Это можно, как-то исправить без явного указания размеров?

    Asked by Shiza, October 25, 2015

    • пиксели
    • размеры элементов
    • проценты
    • шрифты
    0 votes
    4 answers
13. Блочная верстка: div в div'е и бэкграунд

    Добрый день! Прошу помощи! Блочная версткаю Есть основной div и в нем, традиционно, еще 2 - сайдбар и зона контента. Не пойму, как сделать фон основного дива, что бы он был фоном и для вложенных в него??? <div id="content_wrapper"> <div id="sidebar"></div> <div id="main"></div> </div> Задаю фон для #content_wrapper. Хочу, что бы он был фоном и уже сверху него выводилось содержимое #sidebar и #main. Но не получается.... #content_wrapper {width:1000px; min-width:1000px;height: 100%; min-height: 100%;margin:0 auto; background: #fff;} #sidebar {width: 20%; float: left;} #main {width: 80%; float: right;} Как это сделать? Зара…

    Asked by dron, October 25, 2015

    0 votes
    3 answers
14. CSS::Соседние селекторы.

    Добрый день. Решил выучить HTML и CSS. Учу по этому сайту. Очень нравится. Не могу разобраться со статьей "Соседние селекторы". Пример 11.1. В тексте и на картинке слово consectetuer должно отличаться в первой и второй строке. У меня же они и там и там красные http://bullvinkle.pp.ua/html.html Что это значит?

    Asked by bullvinkle, March 16, 2011

    0 votes
    12 answers
15. Помогите новичку, только начинаю изучать азы верстки.

    Здравствуйте! Изучаю html и css еще буквально неделю и уже впал в кататонический ступор на одном из проверочных заданий учебного материала. Так как старших товарищей, хоть как то знакомых с версткой у меня нет, прошу помощи у Вас. В общем дело такое: Дан html код и css правила без селекторов, задача правильно расставить селекторы и дописать пару правил. https://jsfiddle.net/dfn3gnw7/ Результат должен быть таким: Несколько селекторов мне удалось расставить, но дальше... Надеюсь на Вашу помощь и понимание. С уважением Александр.

    Asked by noobhelp, October 24, 2015

    0 votes
    1 answer
16. overflow-y работает, как обычный overflow

    Здравствуйте! overflow-y работает, как обычный overflow - скрывает содержимое по обеим осям. То есть мне нужно скрыть содержимое по вертикали и показать по горизонтали: overflow-y: hidden;overflow-x: visible;Есть какой-то способ?

    Asked by Torawhite, October 24, 2015

    0 votes
    7 answers
17. Подскажите, как исправить меню

    Здравствуйте, не могу понять, как исправить вертикальное раскрывающееся css-меню. Проблема в том, что при наведении на пункт, имеющий подпункты, субменю не просто вылезает справа, но и тащит за собой правую сторону обводки всего блока + раздвигает пространство между первым и вторым пунктами. Прилагаю скриншоты до и после наведения мыши. Код CSS #blocks {display: table-cell; width: 20%; background-color: #e9e9e9;-webkit-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);outline: 3px solid #8c3200;} .block-top {min-height: 44px; height: auto; width: auto;b…

    Asked by Codename, October 23, 2015

    0 votes
    14 answers
18. 3-x уровневое меню сайта

    Нужно сделать точную копию меню сайта ******* Тли я что то не так делаю, то ли еще что то, но просто копирование исходного кода страницs и css не помагает,так работает только 2-х уровневая менюшка, а нужна 3-х Помогите сделать, в css не шарю, только чистый html

    Asked by rodigy, October 24, 2015

    • меню сайта
    0 votes
    1 answer
19. Линия под заголовоком

    Как сделать что бы не зависимо от длины заголовка, линия под ним была как у <h2>: http://jsfiddle.net/rus333/nva70qmz/1/ ?

    Asked by rus, October 23, 2015

    0 votes
    14 answers
20. <!DOCTYPE html> портит верстку в IE7

    Здравствуйте! Делаю страницу для использования в IE7 и столкнулся с проблемой. В странице используется текстовый редактор с подсветкой кода CodeMirror. В IE7 редактор отображается некорректно, если не использовать доктайп (в редакторе появляются неактивные полосы прокрутки, а при наборе текста страница сама прокручивается). Увидел, что в демо-страничках из дистрибутива CodeMirror используется <!DOCTYPE html>. При установке <!DOCTYPE html>, на моей странице перестают корректно отображаться многие стили (отступы и всё с этим связанное, установка цвета фона контейнеров и пр.), причем только в IE7. При этом, редактор начинате работать как полагается В нормальн…

    Asked by EnselerizeR, October 23, 2015

    • IE7
    • Doctype
    • HTML5
    • CSS
    • HTML
    • CodeMirror
    0 votes
    4 answers
21. формы входа на сайт

    Есть такое: http://getbootstrap.com/css/#forms Какие есть еще варианты оформления форм? Дизайн не интересует. Интересуют варианты расположение заголовков полей относительно самих полей или их(заголовков) отсутствие.

    Asked by torsar, October 21, 2015

    0 votes
    7 answers
22. Рандомный цвет в переменной

    Приветствую! Имеется код, в котором переменная "t" содержит случайный цвет. Как сделать, чтобы при нажатии на кнопку, div заливался случайным цветом? <html><head> <meta charset="utf-8"> <style> #box { width: 25px; height: 25px; border: 1px solid black; margin: 20px; } </style></head><body> <input type="button" onclick="randomColor()" value="ЖМИ"> <div id="box"></div> <script> function randomColor() { document.getElementById("box").style.backgroundColor = "red"; var t = '#' + (Math.round(Math.random(99999999, 1) * 99999999)).toString(16).substr(1);}…

    Asked by samec1337, October 21, 2015

    0 votes
    9 answers
23. Эффект тиснения

    Доброго дня уважаемые коллеги, подскажите пожалуйста, как можно сделать такую вот скругленную белую тень вверху блока вот здесь ( http://prntscr.com/8tow41 ) Пробую сделать вот так: https://jsfiddle.net/z53k01w9/1/ Вот только не получается как на рисунке - округлить её хорошо внизу. Помогите пожалуйста. Заранее спасибо.

    Asked by Velidan, October 21, 2015

    • тиснение
    • эффект
    • тень
    0 votes
    2 answers
24. Бордюры (border)

    всем привет, народ подскажите пожалуйста в одном деле.

    Asked by bobb, October 12, 2015

    0 votes
    2 answers
25. Видео с ютуба

    Здравствуйте уважаемые форумчане! Есть видео с ютуба которое находиться в модальном окне. Подскажите, пожалуйста, как сделать что бы оно(видео) автоматически начинало проигрываться при запуске модального окна ?

    Asked by stan07, October 22, 2015

    0 votes
    4 answers