HTML Coding

29,542 questions in this forum

1. Проблема с полем input number в html

   Всем привет. На странице есть input типа number. <div><input type="number" step="0.01" class="form-control" id="numberField" name="numberField"min="0" max="9007199254740992"></div>Проблема состоит в том, что в браузере firefox , при вводе значения в это поле например: 12,234 оно сохраняется после сабмита как 12234. И никак не ограничивается количеством знаков. Если при вводе использовать в качестве сепаратора точку - то все проходит нормально. И ввод , как и должно быть, ограничивается двумя символами после точки. В сети наткнулся на информацию о том, что это зависит от локали системы. Т.е. в каких то странах точка является decimal разделителем, а запя…

   Asked by smitty, January 14, 2016

   0 votes
   1 answer
2. Невидимая колонка в резиновой таблице

   Добрый день. У меня возник такой вопрос к опытным верстальщикам: У меня есть таблица внутри блока <div>, состоящая из трех видимых колонок и одной невидимой. По умолчанию ширина колонок задана мной в процентах (на рисунке 1). Я могу выставить любой колонке значение в пикселях, в таком случае другие колонки восполнят ширину (рисунок 2). Но я могу также и задать все колонкам ширину в пикселях. В таком случае мне нужно, чтобы появлялась ещё одна колонка, которая восполнит ширину таблицы. Каким образом я могу организовать подобную колонку? Желательно на чистом CSS, но можно и с помощью JS.

   Asked by Sombrero, January 14, 2016

   0 votes
   3 answers
3. Как сделать логотип адаптивным, если изображение является фоном (background-image)?

   Здравствуйте! Сделать адаптивным изображение, которое находится в теге img - дело нехитрое. А вот как ПРАВИЛЬНО сделать адаптивным логотип, изображение которого является свойство css background-image? Помогите, пожалуйста с решением: https://jsfiddle.net/ftsn38g6/

   Asked by volshebnyi, January 14, 2016

   0 votes
   4 answers
4. установить автоширину меню

   https://jsfiddle.net/60d2ttk0/ что установить чтобы при наведении leads->searches ширина автоматически выставлялась

   Asked by https, January 14, 2016

   0 votes
   1 answer
5. Мобильное представление в Хроме не совпадает с моим мобильником

   Здравствуйте. Столкнулся с тем, что если на странице нажать на кнопку Быстрая покупка под фото товара, то в мобильном представлении десктопного Хрома при проставлении размера монитора 480 на 800 пикс все выглядит более правильно: , чем в реале на моем мобильнике в том же Хроме с тем же разрешением 480*800 пикс: Скажите, пожалуйста, как понять, каких стилей не достает моему мобильному хрому, чтобы все отображалось как в десктопном эмуляторе? Или лучше не пытаться это понять и попытаться применить стили бутстрап к всплывающей форме сразу? P.S. буду благодарен если Вы поделитесь статистикой отображения всплывающей формы со своих мобильных устройств

   Asked by borus, January 13, 2016

   0 votes
   8 answers
6. html5; тег <picture>. Очень хитрое поведение.

   Пытаюсь в шапку сайта установит разные изображения адаптированные под размеры устройств. И столкнулся с интересным эффектом от которого мозги закипают. Проблема: картинки правильно показываются только при условии если переход по ссылке идёт с первого самого верхнего уровня меню. Если переход с дочернего уровня, то картинки нет даже запасного варианта только его alt. Но если поставить картинку фоном через css или одно изображение без тега picture, то всё прекрасно работает. Сайт на локальном и на джумле. Пробовал html вариант меню эффекта нет. Скипт отключал. В этих всё работает хорошо ссылки на первом уровне. <li class="item-101 current active"><a href="/index.…

   Asked by Пиксель, January 13, 2016

   • html5
   • css3
   • picture
   0 votes
   2 answers
7. Очень крутое слайдшоу

   Ребятки! Пожалуйста, помогите сделать или хотя бы найти исходники чудесного слайдера, который красуется на сайте http://www.gameray.ru

   Asked by Eugenice, January 11, 2016

   0 votes
   2 answers
8. Выравнивание по правому краю родительского элемента

   http://www.cssdesk.com/pHc4m Нужно параграф разместить поверх баннера справа с помощью float (учебное задание). Объясните, пожалуйста, что не пропускает параграф вверх?

   Asked by WhatIsHTML, January 13, 2016

   • float
   0 votes
   2 answers
9. Разноцветный border

   Подскажите, как сделать такой разноцветный border? Вставить картинкой? А по-другому, никак нельзя?

   Asked by Alfa2015, January 12, 2016

   0 votes
   5 answers
10. bootstrap 3 dialog

    модальное окно <!-- Modal "client" --><div class="modal fade" id="client-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-body"> ... </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --></div><!-- /.modal -->код вызова модального окна $(document).on('click', 'a.link-modal', function(event){ event.preventDefault(); var url = $(this).attr('href'); var clickedbtn = $(this); var modalContain…

    Asked by https, January 12, 2016

    0 votes
    3 answers
11. Шесть колонок - таблица или div

    Или что-то еще. С чего всё началось: была таблица. Необходимо увеличить интервалы отмеченные желтым. попробовал добавить еще один невидимый столбец на месте желтого - верстка плывет и вообще становится трудноуправляемой. Попробовал сделать на div - слетает соответствие услуги и цены - вообще каша выходит. Как сверстать такое?

    Asked by Serginhio, January 11, 2016

    0 votes
    8 answers
12. Как получить код-интерактивная карта?

    Всем привет! Объясните пожалуйста,как получить код-интерактивная карта,и затем как прописать его в html ???? За раннее благодарен!

    Asked by lisur, January 13, 2016

    0 votes
    2 answers
13. Таблица отказывается растягиваться

    Здравствуйте! Есть пример, при котором таблица отказывается растягиваться. Абсолютное позиционирование блока с текстом относительно блока выше - обязательно, так как этот блок - элемент меню. Нужно, чтобы таблица тянулась от ширины текста

    Asked by Torawhite, January 9, 2016

    0 votes
    8 answers
14. Верстка расположение блоков.

    Уважаемые помогите решить проблему в верстке никак не могу сообразить как решить ( Есть три блока адаптивные (Блок логотип, Меню, Блок ) Снизу блок с слайдером. Как сделать так чтобы блок с слайдером подпирал блок Меню,блоки логотип И Блок были поверху слайдера. Вот как то так https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/1133115

    Asked by virtas, January 12, 2016

    • расположение блоков
    0 votes
    2 answers
15. картинка перекрывает ссылку

    Здравствуйте! Подскажите пожалуйста. При наведении курсора на ссылку появляется картинка, но она перекрывает ссылку. ДО наведения курсора http://hkar.ru/G26z После наведения курсора http://hkar.ru/G26A Хотя в стилях для картинки задано: a image {visibility: hidden; position: absolute; z-index:1;}А для ссылки при наведении: a:hover text {text-decoration: underline; position: absolute; z-index:100;}Весь код: <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <svgxmlns="http://www.w3.org/2000/svg" version="1.1"xmlns:xlink="http://www.w3.org/1999/xlink"width="330" height="330" viewBox="-18 -15 330 330">&…

    Asked by Иван98, January 11, 2016

    0 votes
    2 answers
16. Фиксированные размеры Body?

    Доброго времени и доброго здоровья как новичкам так и Гуру!Подскажите почему наблюдается такой казус,при том когда у Body прописаны ширина,высота и фон,не имея содержания контейнер отображается на всю страницу?я что-то упустил?Прошу направить на путь истинный.С уважением.

    Asked by mladwiUverstalwik, January 11, 2016

    • body
    0 votes
    16 answers
17. body с заданной шириной не катируется?

    Доброго времени суток!Помогите разобраться в вопросе.Почему Body с бэкграундом-фоном отображается на всю ширину страницы,причем если поставить для дива внутри маржин-авто,то оно центрируется именно по боди с заданными размерами? Вот ссыль на код.http://liveweave.com/ прошу наставить на путь истинный,али ткнуть в мат часть.С уважением.

    Asked by mladwiUverstalwik, January 11, 2016

    • body
    0 votes
    2 answers
18. растянуть фон блока внутри фиксированного листа

    Всем привет))Можно ли задать фон блока на всю ширину экрана внутри фиксированного листа. если да то как?Вот так у меня только по ширине листа получилось. Спасибо http://codepen.io/anon/pen/obwzJM Код <div class="sheet"><section class="font"><div class="post"><div class="postcontent"><p> Текс Текст Текс Текст Текс Текст Текс Текст Текс Текст<br>Текс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс Текст</p></div></div></section> CSS .sheet { margin: 0 auto; position: relative; cursor: auto; width: 80%; min-width: 320px; max-width: 1536px; z-index: auto !important;}.section { width: 1…

    Asked by Ранис, January 11, 2016

    • css
    0 votes
    2 answers
19. Как реализовать календарь, как гугл.календарь?

    Имеется такая лента событий: Собственно при клике на один из баров в этой ленте открывается описание этого события. Вся лента скроллится по горизонтали драг'н'дропом. Есть ли какие-нибудь похожие наработки/библиотеки?

    Asked by posthack, January 9, 2016

    0 votes
    1 answer
20. Элементы сайта

    Всем доброго времени суток! И с наступившими праздниками. Столкнулась с такой проблемкой, всякие там элементы дизайна сайта (верхушка, меню и т.п.) предательски разъезжаются в разные стороны когда меню размер окна браузера. Как бы все это дело собрать и склеить намертво, чтоб не разбегались как тараканы от света! Спсасибище за ответ огроменное заранее! Думаю отвечающие тут умнее меня, так что объясните как можно яснее, чтоб такому новичку как я было понятно куда тыкать и что менять!!! сайт cvetkoff.ucoz.net скрин проблемы прилогается:

    Asked by Cvetkoffa, January 9, 2016

    0 votes
    1 answer
21. bootstrap row margin

    хочу добавить к row стиль margin-bottom, но не хочу вносить правки в бутсрап счас сделал так- в главный див добавил стиль form-horizontal, а row заменил на form-group <div id="log" class="form-horizontal"><div class="form-group" data-key="11.01.2016"><div class="col-lg-1"> 11.01.2016</div><div class="col-lg-5"> <div id="w2" class="list-view"><div class="row" data-key="92">1 2 3: 6:01 Статус <strike>закрыт</strike> открыт</div><div class="row" data-key="93">1 2 3: 6:01 Склад <strike>22</strike> yyyyy</div></div></div></div><div class="form-group" data-key="10.01.2…

    Asked by https, January 11, 2016

    0 votes
    2 answers
22. Полоса отображаемая только в Firefox

    Всем привет Помогите не знаю как убрать белую полосу между блоком шапки и блоком меню: (Только в Firefox так, в остальных браузерах этой полосы нет) http://www.mbav-websites.xyz/site/designprog/

    Asked by Bava, January 10, 2016

    0 votes
    2 answers
23. Плавающие блоки неопределенной высоты

    работаю над галереей, разрезинил div c изображениями добавив float:left все прекрасно но некоторые блоки с изображениями имеют разную высоту (ширина всегда одинаковая) и так получается что последующий блок зацепляется за самый высокий предыдущий блок, и выглядит не красиво((( Во вложении пример: взглянуть можно тут: http://wfi.lomasm.ru/русский.галерея если смотреть При разных разрешениях особенно заметно Требуется насильно держать плавающие блоки на одной строке: Как лучше это сделать? 1) javascript выставить всем блокам в одной строке высоту максимально высокого блока? 2) или как-то можно разрулить при помощи CSS, пока не въехал как.... Ищется самое простое …

    Asked by tester117, January 10, 2016

    • float
    0 votes
    2 answers
24. Постраничная навигация

    Нужна навигация по данным страницам вида: « Первая ‹ Предыдущая 1 2 3 4 5 6 7 8 9 10 11 12 Следующая › Последняя »с последующим добавлением страниц с данными вида <p class="data">5 июля 2014 года</p> или <p class="data">5 июля 2013 года</p> в архив (числа и месяцы любые):« Первая ‹ Предыдущая 1 2 3 4 5 6 7 8 9 10 11 12 Следующая › Последняя » Архив новостей Какие есть варианты решения моего вопроса без использования базы данных?

    Asked by Totalist, July 18, 2015

    0 votes
    12 answers
25. Не меняется цвет ссылки при наведении

    Здравствуйте! Подскажите пожалуйста. При наведении на ссылку и при её нажатии должен по-идее изменятся её цвет, но этого не происходит. http://hkar.ru/FZ9f <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body><object data="link.svg" type="image/svg+xml" width="500" height="500" style="position: absolute; opacity: 1; z-index: 100!important; ; top: 285px; left: 442px;" ></object></body></html> <?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN""http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svgxmlns="http://www.w3.org/…

    Asked by Иван98, January 9, 2016

    0 votes
    3 answers