HTML Coding

29542 questions in this forum

1. Помоги сделать выпадающее меню при клике плиииз!

   (ссылка с который выпадает меню "каталог" на него нужно сделать клик,CSS или JS,) Вот мой код меню! <table width="100%"> <tr> <td> <li class="first"><a href="company" title="Компания">Компания</a></li> </td> <td> <li id="open"> <span title="Каталог">Каталог</span> <ul id="center"> …

   Asked by Reut, January 17, 2016

   0 votes
   15 answers
2. Как прикрутить иконки к адаптивному сайту

   Скажите я новичок пытаюсь перекрутить иконки к сайту номеру тел скайпу иконки http://seoisra.hostenko.com/ Ну и при изменении экрана они гуляют на нужно что бы возле номера были с лева. Только я не пойму , мне нужно медиа запросами подгонять , прописывать каждое значение для разных экранов ? не могу сообразить как через bootstrap все наладить.

   Asked by virtas, January 16, 2016

   • иконки
   • адаптивный сайт
   0 votes
   6 answers
3. Не понимаю как сделать подскажите пожалуйста

   Здраствуйте всем, подскажите пожалуйста не могу понять как сделать, есть формы ввода select и input и кнопка в конце submit. нужно чтобы после ввода данных при нажатии на кнопку все введеные данные отображались в поле внизу с такими же подза головками как у форм, плюс привязка времени во сколько было отправлено. я начинающий так что если можно более простым языком. формы ввода выглядят так примерно <div id="form"> <ul> <li> Ваша консоль: <select> <option>1</option> <option2</option> <option>3</option> <option>4</option> </select> </li> <li>Название -: <select> <option>Saa…

   Asked by voskresnayakoza, January 16, 2016

   • input
   0 votes
   5 answers
4. Резиновый сайт, координационные карты..

   Есть сайт, фото на нём резиновые, меняются в зависимости от разрешения экрана... Я могу к ним применить координационные карты??? Ведь при задании их, надо указывать координаты пикселей.... А фото постоянно меняется в размерах.....

   Asked by Marcsc777, January 16, 2016

   0 votes
   1 answer
5. Размер изображения в заголовке темы

   Доброго времени суток. Я не давно начал изучать WP. Есть тема avis_lite. Когда я работал с ней на 23' мониторе там рекомендовали ставить главное изображение 1600х920. Когда зашёл в админку с ноута (15 дюймов), то рекомендовали ставить 1600х750. Понятно что зависит от разрешения. Вопрос: как сделать чтобы и "волки целы и овцы сыты". Большое поставишь - на мелких мониках будет полоса прокрутки, маленькое - на больших по бокам будет пустое место. Какой оптимальный выход из положения? Насколько я понял - это относится к "резиновым" сайтам, нет? Заранее спасибо!

   Asked by pinbalist, January 16, 2016

   0 votes
   1 answer
6. Цвет фона по бокам в wordpress

   Привет, стоит тема Metro Magazine на wordpress. Хочу поменять фон по бокам, чтобы не белый был, а немного сероват. Нашел инфу что в настройках нужно Внешний вид -> Настройки темы -> вкладка Стили -> во вкладке пункт «Ваш CSS» -> пишем туда код: body { background: #CCC; } #header { background: #CCC; } все так и сделал, но при этом поменялся фон не только по бокам, но и посередине, в контенте. Как сделать так, чтобы поменять фон только с боков, а посередине оставить как есть. Надеюсь я понятно описал проблему, буду рад если мне ответят, спасибо.

   Asked by maratmd, January 15, 2016

   • цвет фон
   • wordpress
   0 votes
   4 answers
7. В меню не отображается русский текст

   Доброе время суток !!! Такая проблема товарищи : В этой части кода не работает русский язык <ul> <li class="active"><a href="index.html"><span>Home Page</span></a></li> <li><a href="support.html"><span>Support</span></a></li> <li><a href="about.html"><span>About Us</span></a></li> <li><a href="blog.html"><span>Blog</span></a></li> <li><a href="contact.html"><span>Contact Us</span></a></li> </ul> если я вместо <span>Home…

   Asked by Balthazar, January 15, 2016

   • меню
   0 votes
   2 answers
8. Создание дополнительных кнопок на картинке

   Добрый день. Подскажите пожалуйста. Есть ряд картинок из которых надо сделать галерею, при наведении на каждую из которых появляется голубой фон и две кнопки. Это понятно, делается с помощью css с использованием псевдоссылки a:hover. Вопрос в том, как сделать чтобы при нажатии на эти кнопки происходили дальнейшие действие. Одна из кнопок связана с увеличением масштаба картинки. Возможно ли добавить этой новой кнопке ссылку на открытие увеличенной картинки в новом мини-окошке только с помощью css, или здесь необходимо использовать что-то другое?

   Asked by Leksa, January 15, 2016

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

   Обновил джумлу с 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
10. дважды открыть диалог

    <div id="loading" style="display: none;"></div><div id="modal" style="display: none;"></div>$.ajax({ url: $(this).attr('href'), beforeSend: function(){ loading = $('#loading').dialog({ modal: true, width: 100, height: 100 }); $(".ui-dialog-titlebar").hide(); }, success: function(data){ loading.dialog('close'); $('#modal').html(data); $('#modal').dialog({ modal: true, width:'auto', }); } });с…

    Asked by https, January 15, 2016

    0 votes
    13 answers
11. Не пойму в чем ошибка,не выравнивается по центру

    https://dropmefiles.com/xpHGq Непойму в чем ошибка,не выравнивается по центру.Может причина в броузере?хотя с оперой то же самое. Подскажите,пожалуйста,где доступно почитать про margin и padding и выравнивание блоков,картинок и текстов,что по горизонтали,что по вертикали.

    Asked by жизи, January 14, 2016

    0 votes
    4 answers
12. Проблема с полем 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
13. Невидимая колонка в резиновой таблице

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

    Asked by Sombrero, January 14, 2016

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

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

    Asked by volshebnyi, January 14, 2016

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

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

    Asked by https, January 14, 2016

    0 votes
    1 answer
16. Не корректно работает z-index на Android 4.2

    Не корректно работает z-index на Android 4.2 Даже если взять пример с сайта бутстрап: http://getbootstrap.com/examples/theme/ Там есть верхнее навигационное меню ,которое при прокрутке страницы остается видимым, в нормальных браузерах. У навигационного меню задан стиль z-index:1030 Но если открыть эту же страницу на Android 4.2 (телефон, планшет) , то при прокрутке страницы верхнее навигационное меню становится невидимым, т.е. перекрывается контентом страницы. Очень надеюсь на вашу помощь ,так как точно такая же проблема возникла на моем сайте. что делать с z-index или заменить на какой то другой стиль?

    Asked by ishurgaya, January 14, 2016

    0 votes
    9 answers
17. 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
18. Выравнивание по правому краю родительского элемента

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

    Asked by WhatIsHTML, January 13, 2016

    • float
    0 votes
    2 answers
19. Как фрилансер тестирует адаптивный сайт?

    Всем доброго времени суток. Хотелось бы узнать мнение опытных фрилансеров в адаптивной верстке. Лучшее тестирование адаптивного сайта - это само устройство, но такого количества устройств явно у фрилансера не найдется. Как же качественное протестировать адаптивный сайт что бы с уверенностью можно было отдать работу заказчику? P/S. Какими методами пользуетесь вы в вашей практике фриланса? Chrome - F12 - Ctrl+Shift+M(device mode) Достаточно долго тестирую именно так, но насколько данный метод гарантирует точность, можно ли на него положится?, ведь не просто так, существуют такие платные сайты как browserstack.com

    Asked by tarthur, January 13, 2016

    • адаптивная-верстка
    • фриланс
    0 votes
    3 answers
20. Мобильное представление в Хроме не совпадает с моим мобильником

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

    Asked by borus, January 13, 2016

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

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

    Asked by lisur, January 13, 2016

    0 votes
    2 answers
22. Помогите доработать "сайт")))

    Ребята, всем доброго времени суток. Вот только недавно начала интересоваться темой сайта строения, получается ну скажем очень и очень нехорошо))). Не знаю как сделать так чтобы, когда увеличиваешь масштаб или уменьшаешь не съезжали буквы и вообще "сайт" оставался одной и той же формы и конструкции. HTML: CSS: Ребята, прошу Вас не судите сторого и не обижайте меня плохими комментариями. Я ведь девочка, а вы мужчины, поэтому будьте так любезны помогите))) Заранее благодарна!

    Asked by Marina-Midas, January 12, 2016

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

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

    Asked by virtas, January 12, 2016

    • расположение блоков
    0 votes
    2 answers
24. Разноцветный border

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

    Asked by Alfa2015, January 12, 2016

    0 votes
    5 answers
25. 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