HTML Coding

29,542 questions in this forum

1. Полосы в psd макете & вопросы

   Здравствуйте. При верстке по psd макету столкнулся с проблемой разметки одного из элементов, а именно полосы над и под основным содержимым главной страницы. Собственно вопрос: эти полосы реализовывать как изображение? Если да, то тегом img или div? И еще вопросик по шаблону: можно ли обрезать изображения с помощью css? К примеру левое изображение людей при нарезке изображений из макета в фотошопе у меня немного более полное, а на картинке снизу оно несколько обрезанное(немного приближено). Как реализовать эту серую разделяющую линию в основном контенте? border-left/right немного не так ее изображает(по высоте блока, а на картинке она ниже) или это не столь важн…

   Asked by SatoRi, February 18, 2017

   0 votes
   5 answers
2. Предварительная загрузка

   На странице есть много картинок, и чтобы сделать предварительную загрузку не комильфо прогонять каждый путь через массив, ибо путей много и вручную это долго. Как можно сделать по другому? Мой вариант будет правильным? При нажатии на маленькое изображение должно появляться большое без загрузки. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.open').append('newI'); }); });

   Asked by aqua.77, February 17, 2017

   • jquery
   • javascript
   0 votes
   0 answers
3. Помогите с красивым оформлением input range на css

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

   Asked by papay, February 17, 2017

   0 votes
   5 answers
4. Как сделать, чтобы меню не сворачивалось при наведении на всплывающую картинку в меню?

   Задача такая - при наведении на пункт меню "каталог" - появились 3 картинки с разделами каталога по которым можно было бы перейти в соответствующий раздел (вот типа как тут). Проблема в том, что как только убираю курсор с .imagetip - все опять скрывается. Как сделать чтобы не исчезало?

   Asked by nikki4, February 17, 2017

   0 votes
   0 answers
5. При формировании чека по оплате в PDF версии чека слетает рамка

   Добрый день! Сохраняю чек в формате .pdf(он очень длинный и на странице в .pdf показывается на две страницы). При этом у блока-чека есть рамка. А в этом чеке на две страницы рамка пропадает, точнее она есть в самом конце блока на второй странице(http://prntscr.com/e9u17z). А надо,чтобы рамка была у всего блока-чека на двух страницах. Подскажите, пожалуйста, в чём может быть проблема..

   Asked by Джулия, February 17, 2017

   0 votes
   1 answer
6. Я.карта не отображается в плавающем блоке

   Нужно сделать отступы блока яндекс карты - поплыли значки на ней. Решил убрать ее в блок и двигать уже блок но не отображается. Пробовал убрать float:left -тогда карта появляется. Но если не сделать float:left. тогда блок справа будет снизу, а не справа от карты Сам спросил сам отвечу надо было фиксированный блок сделать по высоте/ширине. Я это сделал - но опечатался, потому не мог понять, в чем еще могло быть дело

   Asked by nikki4, February 16, 2017

   0 votes
   0 answers
7. как выполнить декоративную рамку?

   Добрый день, Как считаете как лучше реализовать эту рамку? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо!

   Asked by AntonKrot, February 16, 2017

   • рамка
   • border
   • svg
   0 votes
   2 answers
8. footer разрешения

   Делаю простенький адаптивный шаблон с помощью бутсреп и возник вопрос. Контент на разных устройствах отображаетца как надо, но примеру на устройстве Kindle portrait 600 x 1024 в футере текст немного заходит на картинку, которая в правом углу прижата. Посоветуйте пожалуйста, как можно это исправить?

   Asked by umgd, February 15, 2017

   0 votes
   4 answers
9. Что тут дописать, чтобы пропала граница снизу?

   Нужно сделать как на картинке. Как это правильно сделать?Вот что у меня получилось, но нужно каким-то образом убрать границу снизу под текстом

   Asked by nikki4, February 15, 2017

   0 votes
   1 answer
10. Вложение div блоков в основном контенте

    Всем привет. Может кто сможет помочь в данном вопросе. Изучаю в данный момент связку HTML и CSS, и появились два вопроса. 1) Иногда изучая какой-нибудь сайт или пытаясь по образцу переписать какой-нибудь макет, вижу примерно такой код: <div id="wrapper"> <div id="main"> <div id="sidebar"></div> <div id="content"></div> </div> </div> Вот мне и стало интересно, зачем внутрь одного блока (wrapper) вставлять ещё один блок-обёртку (main) для содержимого страницы. Ведь у двух этих родительских блоков одинаковая ширина и высота. Почему нельзя навигацию и основной контен…

    Asked by Tascan, February 15, 2017

    0 votes
    4 answers
11. адрес иконок

    Добрый день. Подскажите, как узнать где на сайте http://camafon.ru/ хранятся эти иконки https://yadi.sk/i/HZUAU0R73E7cp4 ?

    Asked by fowl, February 15, 2017

    0 votes
    3 answers
12. Автоматическая подстановка значения title в поле формы обратной связи

    Добрый день! Задача следующая. Сайт на движке Wordpress. Есть форма обратной связи. Она (одна и та же) ставится (шорткодом) на пару сотен страниц-записей. Когда пользователь пишет что-то и отправляет через эту форму, нужно идентифицировать источник запроса, чтобы админу было понятно, с какой именно страницы был отправлен запрос. Пока что я придумал только такой вариант - ввести "невидимое" (для пользователя) поле в форме обратной связи и в нем получать значение тега title или адрес исходной страницы. Как можно автоматически при отправке подставлять в такое поле значение title или линк? Либо буду рад альтернативному решению.

    Asked by Zondek, February 14, 2017

    0 votes
    3 answers
13. Правильно ли сделана предварительная загрузка изображений?

    Я применил вот такой цикл предварительной загрузки изображений. Т.е. each проходит по всем изображениям получает их src адрес, и загружает её в переменной att. После при клике должна без загрузки появится большая версия картинки. Я всё правильно сделал? на практике всё работает без зависаний. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.light img').attr('src',att); });

    Asked by aqua.77, February 14, 2017

    0 votes
    0 answers
14. Редактор для вёрстки Sublime Text 3

    Возник вопрос у тех, кто пользуется данным редактором: хочу установить плагин не из Package Control, а вручную. И тут сам главный вопрос: сам плагин мне достатачно вставить в папку где он должен храниться, или по совместительству его придётся ещё подключать как-то в редакторе?

    Asked by ErUnDAK, February 14, 2017

    • sublime text 3
    • вёрстка
    0 votes
    6 answers
15. hover +1px border - скачут радиокнопки

    При наведении на кнопку - все куда-то движется. Если же границу оставить при наведении в 1px - тогда все ок, но стоит указать border:2px solid black; - и все смещается Что тут поправить?

    Asked by nikki4, February 14, 2017

    0 votes
    1 answer
16. Как анимировать display?

    Я понимаю что display не анимируется, но height то анимируется. Как объединить эти два свойства вместе? Стоит задача плавно раскрыть скрытый элемент. Да знаю можно сделать visibility: hidden, но хочется чтобы лишний блок не нагружал браузер и не появлялся до своего момента. https://jsfiddle.net/2ds6ke41/

    Asked by aqua.77, February 14, 2017

    0 votes
    2 answers
17. Ищу репетитора, учителя

    Добрый день. Кто поможет составить план изучения веб программирования с нуля? книги, статьи, видео и т.д. Возможно кто то из Вас так же начинал. Возможно кто то может помочь или преподать курсы индивид. или присоединится к изучению самостоятельно.

    Asked by Irishka, February 14, 2017

    0 votes
    4 answers
18. Иногда появляется косяк с отображением шрифта Myriad Pro.

    Здравствуйте! Вопрос не то чтобы связан с версткой, просто не знаю куда лучше написать. В общем иногда при отображении страницы в браузере chrome 49, не отображаются либо некоторые символы шрифта Myriad Pro, либо полностью во всем блоке. Проблема плавающая и появляется непонятно по какой причине. Специально сгенерировать её не получается. Обновление страницы с отключением кэша не помогает, страница остается с теми же косяками. Когда смотрю в инспекторе, то вижу, что текст на самом деле в блоке присутствует. Для примера: у меня стоит font-size: 14px и ничего не отображается. Я ставлю в инспекторе font-size:17px, тогда текст появляется, в размер соответствующей 17px. …

    Asked by andrew312, February 14, 2017

    • css шрифт
    0 votes
    0 answers
19. админ панель Админка для html шаблона

    Всем доброго дня,ребята помогите определиться с адинкой для html шаблона,и как правильно её прикрутить? где можно почитать или посмотреть примеры,а лучше видео-уроки! Прошу сильно не пугать,если что не так))

    Asked by Norton, February 13, 2017

    0 votes
    2 answers
20. Блочный элемент не может содержать блочные и строчные элементы вместе?

    Я на данной статье прочитал следующее "Блочные элементы могут содержать как строчные, так и блочные элементы, но не оба типа элементов сразу." Это как понимать? т.е. так делать нельзя? https://jsfiddle.net/toe0nkwc/? Всё вроде работает и отображается.

    Asked by aqua.77, February 13, 2017

    0 votes
    4 answers
21. Проблема с объединением ячеек сложной таблицы

    Добрый день! Помогите решить проблему. При объединении ячеек, остается пустой <tr>, без <td> внутри него и из-за этого не происходит объединения правильно. Вот пример, нужно объеденить в ряде 2 - ячейку 1 и в ряде 3 - ячейку 1. Пример - https://jsfiddle.net/ra9n2tu6/

    Asked by TEL, February 13, 2017

    0 votes
    5 answers
22. Проблемы медиазапросов

    почему именно на определенном пикселе в адаптивной версте все ламается, тоесть если 1200 все ломаеться, а если 1199 и 1201 то все хорошо? Что в таких случаях делать?

    Asked by irina_f, February 13, 2017

    • html
    • css
    • responsive
    0 votes
    7 answers
23. Как применить стиль к лейблу чекнутого инпута?

    Как сделать, что если выбрана радиокнопка, тогда лейблу присвоить такой-то стиль? <div class="radio"> <label><input name="option[10]" value="45" type="radio">50</label> </div> недавно задавал похожий вопрос только там была картинка, а не цифра input[type="radio"]:checked ~ img { Попробовал по аналогии: input[type="radio"]:checked ~ label { но не сработало

    Asked by nikki4, February 13, 2017

    0 votes
    1 answer
24. Проблема

    Здравствуйте! Хочу создать php код для загрузки изображения на сервер на выбранные области карты как прикреплено внизу. Чтобы когда зашел посетитель он мог выбрать любое фото у себя и загрузить его на любую область карты, как можно это сделать? Спасибо

    Asked by Di110, February 12, 2017

    0 votes
    0 answers
25. Адаптивное перемещение блока: как реализовать (шаблон прикрепил)

    Доброго времени суток, уважаемые гуру. Сделал сайт на Wordpress, это мой первый любительский опыт, с html знаком на весьма базовом уровне, потому экспериментирую. Адаптивный дизайн в используемом мной шаблоне уже есть, и некоторые изменения я уже внёс, но столкнулся с некоторыми сложностями, и очень надеюсь на вашу помощь, уважаемые пользователи :-) Я добавил левый сайдбар с блоком "Temp sidebar" id="leftbar" и сделал его видимым только при разрешении монитора 1025px и более. Потом подумал, что так не пойдёт, пользователи со смартфонов и планшетов не будут видеть список располагающихся там статей и не будет переходов (оттого высокий процент отказов). И тогда я р…

    Asked by Yserty, February 12, 2017

    • html css
    0 votes
    0 answers