HTML Coding

29,542 questions in this forum

1. Вложение 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
2. Что тут дописать, чтобы пропала граница снизу?

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

   Asked by nikki4, February 15, 2017

   0 votes
   1 answer
3. адрес иконок

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

   Asked by fowl, February 15, 2017

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

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

   Asked by ErUnDAK, February 14, 2017

   • sublime text 3
   • вёрстка
   0 votes
   6 answers
5. Кнопка с полупрозрачным градиентом. Не могу правильно задать стиль.

   Доброго времени суток, уважаемые форумчане. Я не смог довести до ума градиент, что имеется перед кнопкой "Читать далее...", который визуально показывает наличие других статей. Сейчас он в ширину надписи, а должен быть полностью по ширине блока и надпись "Читать далее..." впритык, а необходим отступ. С этими плавающими блоками у меня беда, в основном я подчёркиваю реализацию на других ресурсах, но таких конструкций я встречал мало, и попытки адаптации вы можете сейчас наблюдать :-( Помогите пожалуйста. Страницу с макетом прикрепил, в этом единственном файле и стили и js код. 567.html

   Asked by Yserty, February 10, 2017

   0 votes
   4 answers
6. hover +1px border - скачут радиокнопки

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

   Asked by nikki4, February 14, 2017

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

   Я применил вот такой цикл предварительной загрузки изображений. Т.е. 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
8. Как заменить радиокнопку рамкой в картинке?

   Нашел как скрыть кружок кнопки, но как сделать, чтобы при переключении цвета у картинки появлялась рамка? т.е. чтобы было понятно какой текущий цвет выбран. <div class="form-group required"> <div id="input-option232"> <div class="radio"> <label> <input name="option[232]" value="37" type="radio"> <img src="http://zohen.ru/image/cache/catalog/colors/black-50x50.jpg" alt="Черный" class="img-thumbnail"> Черный </label> </div> <div class="radio"> <label> <input name="option[232]" value="38" type="radio"> <img src="http://zohen.ru/image/cache/catalog/colors/red-50x50.jpg" alt="Красный" …

   Asked by nikki4, February 6, 2017

   0 votes
   2 answers
9. Как анимировать display?

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

   Asked by aqua.77, February 14, 2017

   0 votes
   2 answers
10. админ панель Админка для html шаблона

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

    Asked by Norton, February 13, 2017

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

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

    Asked by TEL, February 13, 2017

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

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

    Asked by andrew312, February 14, 2017

    • css шрифт
    0 votes
    0 answers
13. Блочный элемент не может содержать блочные и строчные элементы вместе?

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

    Asked by aqua.77, February 13, 2017

    0 votes
    4 answers
14. Как отменить срабытывание скрипта при разрешении экрана свыше 768px?

    https://jsfiddle.net/Delat/L9z4hhrx/15/ До 768px скрипт работает как слайдер и это правильно. Но вот не получается запретить с помощью стилей срабатывание стиля при разрешении 768px и выше. Может быть это в принципе нельзя сделать в стилях? Необходимо чтобы при разрешении свыше 768px (включительно), блоки <li> были списком расположенные по горизонтали.

    Asked by Delat, February 10, 2017

    0 votes
    8 answers
15. Как применить стиль к лейблу чекнутого инпута?

    Как сделать, что если выбрана радиокнопка, тогда лейблу присвоить такой-то стиль? <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
16. теги <var> , <kbd> и <samp>

    Всем привет.В интернете много тем,на счет тегов <var> , <kbd> и <samp>,но везде одно и то же : var - нужна для пометки переменных... ,kbd - текст вводимый пользователем... и samp - примеры текста. Мне бы хотелось узнать что же даст пометка переменных ,текст вводимый пользователем и примеры тексту. Какое значение она имеет?

    Asked by DGGDAK47, February 12, 2017

    • var
    • samp
    • kbd
    0 votes
    2 answers
17. Проблема

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

    Asked by Di110, February 12, 2017

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

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

    Asked by Yserty, February 12, 2017

    • html css
    0 votes
    0 answers
19. Ширина макета мобильной версии

    Коллеги, может это я слишком часто натыкаюсь на такое, но почему-то все дизайнеры, поголовно, делают psd темплейт для мобильной версии сайта шириной в 900px, или 700 или 800. Почемууу? Ширина айфона 320, андроида 360, я обычно на такие цифры равняюсь. Ну ладно, можно допустить, что есть более широкие мобильные разрешения, но не делать же темплейт мобильной версии шириной в 900px!!!??? Почему они так поступают и что с этим делать? Спасибо

    Asked by Alarr, February 10, 2017

    • mobile
    • phone
    • width
    0 votes
    4 answers
20. jquery Почему такое поведение атрибута src?

    В чём заключается соль такого поведения: если изменить атрибут scr который пустой то плавный переход не происходит Если же в scr уже есть пусть к картинке и его изменить то, плавный переход работает корректно. Нажмите на qwe для сравнения

    Asked by aqua.77, February 12, 2017

    • css
    • html
    0 votes
    1 answer
21. Как реализовать переход в HTML5 баннере через тег <a href=””> если в коде тега нет

    Здравствуйте! Прошу помощи, имеются шаблоны HTML5 баннеров и для рекламной системы необходимо что бы обработка в сех клик событий, вызывающих переход на сайт рекламодателя должна быть реализована строго через тег <a href=””> . В коде самого баннера таких тегов нет, ссылки прописаны через // GWD Predefined Function gwd.actions.gwdDoubleclick.exit('gwd-ad', 'id', 'http://site.com, true, true); }; и <gwd-exit metric="id" url="http://codecanyon.net/user/demonswith"></gwd-exit> </gwd-doubleclick> Как то можно это исправить?

    Asked by Alisa_nois, February 10, 2017

    • html5
    0 votes
    1 answer
22. Переход по ссылке через тип "radio"

    Через тег "input" как можно сделать, чтобы через активный объект (<input type="radio".......>) по нажатию на кнопку был переход на какой-либо сайт?

    Asked by ErUnDAK, February 10, 2017

    • html
    0 votes
    3 answers
23. transform и анимация

    $('div').animate({ transform: 'translateX(400px)' }); Код корректен, но не работает. Как применить анимацию с перемещением блока на 400px?

    Asked by aqua.77, February 10, 2017

    • jquery
    0 votes
    5 answers
24. Скрипт спойлера с плюсом и минусом

    Подскажите простой, а можно и не простой скрипт спойлера, где при клике и раскрытии черный плюс становится минусом.

    Asked by Delat, February 10, 2017

    0 votes
    0 answers
25. Фоновый цвет блока

    Здравствуйте участники форума обращаюсь с таким вопросом: Решил сверстать небольшой примерчик и столкнулся с такой проблемой фоновый цвет блока вылезает за границы картинки снизу, хотя высота блока в css не была задана в чем проблема не пойму, В прикрепленном файле исходники. Подскажите решение заранее спасибо project.rar

    Asked by pavlovda, February 9, 2017

    0 votes
    1 answer