HTML Coding

29542 questions in this forum

1. Баг IE: контейнер заканчивается раньше дочернего центровщика

   Компоновка: типичный блок .Wrapper, который имеет ширину 100% от ширины окна, и центровщик (margin: 0 auto;) с указанными min-width и max-width: В IE следующий баг: Wrapper почему-то заканчивается раньше, чем надо, а центровщик с содержимым перекрывает следующую такую же компоновку ниже: Такой баг был замечен уже практически на свёрстанном лендинге, а потому было очень трудно сделать минимальный работающий пример. Я постарался убрать весь лишний HTML для данного примера, но CSS тоже самое было сделать очень трудно. Если Вы запустите пример в IE (ещё раз повторюсь, что в других браузерах всё нормально), то увидите следующее: На StackOverflow у…

   Asked by Боков Глеб, February 12, 2018

   • ie
   • баг
   • flex
   0 votes
   4 answers
2. В max-width не работает padding

   Здравствуйте, я новичок в сайтостроении и у меня возникла одна проблема при адаптации страницы, она состоит в том ,что в max-width ,при заданной ширине, не хочет работать изменение отступов (padding и margin), хотя flex-direction: column; работает. Жуткое ощущение глупой ошибки ,которую не могу найти. Заранее спасибо за помощь. Ниже HTML и CSS код: <header> <div class="header"> <div class="wrap"> <div class="logo header_left"> <a href="#"> <img src="images/logo.png" alt="Логотип"> </a> …

   Asked by Masya, February 12, 2018

   • max-widthpaddingmargin
   0 votes
   0 answers
3. 2 viweport для страницы (или аналогичный эффект)

   Дизайнер клиента придумал такой креатив. Есть 2 макета страницы - мобильный вид (320 px) и десктопный (1440 px). По его задумке, на устройствах до портретной ориентации планшетов должен показываться мобильный вид. Т.е. открываем на ipad в портретной ориентации - видим на весь экран мобильный вид. Открываем на десктопе или ipad в ландшафтном положении - видим десктопный. При этом нет адаптива - оно всё должно просто zoom-иться (как будто я неадаптивный сайт смотрю с указанным для него viewport) - т.е. на упомянутом ipad страница уменьшается чтобы вписаться в устройство. Такое вообще реализуемо? Два viewportа прописать, понятно, нельзя. Менять его от @media - тоже. Можно,…

   Asked by sdanilas, February 13, 2018

   • адаптив
   • viewport
   0 votes
   3 answers
4. Ссылка на сетевую папку

   Как сделать ссылки на сетевые папки, которые находятся на компьютерах одной локальной сети?

   Asked by Imranissimo, February 13, 2018

   0 votes
   0 answers
5. Отмена наследования css свойст потомками

   Здравствуйте! Столкнулся с ситуацией при создании всплывающего меню https://jsfiddle.net/u7qam9jm/6/ что свойства для родительского блока дублируются и на дочерние блоки. Я пытался через :not, но даже "не заметило конструкцию" и свойства все равно єкранировали на потомков...

   Asked by Super_Saimon, February 13, 2018

   • css
   0 votes
   5 answers
6. Почему боковое меню не заезжает обратно?

   Здравствуйте. Вот такая проблема. Слайдер красиво выезжает, а при повторном клике просто пропадает. Как сделать так что бы он красиво выезжал и так же красиво заезжал?) https://jsbin.com/yuyawic/1/edit?html,css,js,output

   Asked by XopicT, February 13, 2018

   • javascript
   • html css
   0 votes
   2 answers
7. Стили в вордпресс

   Здравствуйте! Есть сайт с товарами. На странице товара указана фраза Нет в наличие. Мне необходимо изменить цвет. Пытаюсь сделать это в редакторе, но изменения не сохраняются. Возможно не ту часть кода редактирую. Подскажите пожалуйста.

   Asked by MarinaMarina2104, February 13, 2018

   0 votes
   1 answer
8. Как адаптировать под мобильный?

   Здравствуйте. Вот есть такой сайт https://jsbin.com/yonapon/edit?html,css,js,output. На обычном мониторе есть отступы справа и слева, отображение корректное. Но когда проверяю на мобильном, нет этих отступов и некорректно работает ширина. Как мне это справить?

   Asked by XopicT, February 14, 2018

   • css html
   0 votes
   1 answer
9. помощь Перемещение текста во круг изображение html/css

   Я новичок и не могу ни как разобраться , мне надо сделать что бы текст был по бокам картинки , но ни как не выходит , может как то исправить код , или что-то добавить в него . Кто знает как помогите. 1 и 2 картинка то что у меня. 3 то что должно получиться.

   Asked by Darsic, February 14, 2018

   • верстак
   • html
   • css
   • новичк
   0 votes
   3 answers
10. max-width Проблема в адаптивной верстке

    Здравствуйте, я новичок в сайтостроении и у меня возникла одна проблема при адаптации страницы, она состоит в том ,что в max-width ,при заданной ширине, не хочет работать изменение отступов (padding и margin), хотя flex-direction: column; работает. Жуткое ощущение глупой ошибки ,которую не могу найти. Заранее спасибо за помощь. Ниже HTML и CSS код: <header> <div class="header"> <div class="wrap"> <div class="logo header_left"> <a href="#"> <img src="images/logo.png" alt="Логотип"> </a> …

    Asked by Masya, February 14, 2018

    • padding
    • margin
    0 votes
    0 answers
11. Непонятная проблема со свойством Action у тега Form при отправке

    Добрый день! Есть небольшой проект связанный с регистрацией пользователей В общем пользователи заполняют форму описанную в reg.php. Форма формируется с помощью php echo "<form name=\"reg\" action=\"participation.php?action=insert\" method=post accept-charset=\"utf-8\"> Далее форма отправляет свои данные на participation.php Оба этих файла находятся в одном директории, но не в корне сайта примерно так site.ru/dir1/dir2 т.е они имеют адреса site.ru/dir1/dir2/reg.php site.ru/dir1/dir2/participation.php вот проблема в том что у большинства пользователей форма работает правильно и отправляет запрос на site.ru/dir1/d…

    Asked by saski, February 14, 2018

    • form
    0 votes
    2 answers
12. Почему не работает box-shadow?

    В хроме и сафари на iOS 11 не работает box-shadow у псевдоэлемента под логотипом http://leveler.ru/caspol/ на десктопе все хорошо. Почему так?

    Asked by d0ublezer0, February 15, 2018

    0 votes
    5 answers
13. Цвет кнопки входа, регистрации

    Здравствуйте, возникла проблема, не могу настроить цвет кнопки входа, регистрации. lk.tsk-kub.ru - если кто может помочь, буду очень благодарен.

    Asked by vladimir1199, February 16, 2018

    0 votes
    2 answers
14. Анимация SVG средствами JS

    Привет. Подскажите, пожалуйста, почему данный код может не работать: var svgDoc; window.onload = function() { svgDoc = document.getElementById("switchid").contentDocument; } var switch_ = svgDoc.getElementById("switch"); switch_.onclick = function() { current_position = Number(switch_.getAttribute("y")); if(current_position == 32) { // off switch_.setAttribute("y", "9"); switch_.setAttribute("style", "fill:#00ff00"); } else { switch_.setAttribute("y", "32"); switch_.setAttribute("style", "fill:#ff0000"); } } Суть проста. Подключаюсь к svg на странице. И хочу по клику на определенный прямоугольник (id="switch") переводить его из одного положения в…

    Asked by ioprst, March 19, 2018

    • js
    • svg
    0 votes
    2 answers
15. Прогал в Border bottom

    Привет, получил вот такой макет рекламной рассылки, как сделать прогал у бордер ботома, в котором находится кнопка как на картинке?

    Asked by exoty, March 23, 2018

    0 votes
    3 answers
16. Вопрос об использовании и не использовании сеток в верстке сайтов

    Здравствуйте! У меня такой вопрос: всегда ли нужно использовать сетку для адаптивной верстки или нет? Или это зависит от дизайна? Насколько я понимаю, например, если psd макет выполнен с использованием сетки, то нужно использовать сетку и в верстке. А если дизайн выполнен без сетки, то и верстать нужно без сетки. Я правильно понимаю? Или может быть можно применять сетку всегда? Помогите пожалуйста.

    Asked by Oloref, May 2, 2018

    • css
    • html
    0 votes
    0 answers
17. Плавающий background

    Привет, как реализуется плавающий background img, например как на http://air-plane.by (это не реклама)?

    Asked by exoty, April 2, 2018

    0 votes
    1 answer
18. Помогите с адаптивной сеткой

    Всем привет! Расскажите пожалуйста про адаптивную сетку. Просто для меня сетка - это обязательно 12 колонок и т.д. Но а если контент расположен не по сетки или начиная с промежуточных колонок или в каждой секции по разному расположен контент. Откройте мне пожалуйста всю истину адаптивных сеток, а то не понимаю. Или может использовать сетку только тогда, когда она есть в макете?

    Asked by Oloref, May 15, 2018

    • html
    • css
    • вёрстка
    0 votes
    3 answers
19. Подскажите как сверстать блок меню с логотипом в центре

    Привет. Не выходит сделать оформление меню и вставить туда логотип! Задача вроде бы и не сложная, но у меня почему то не выходит. Сайт на Bootstrap 3 верстаю, меню тоже использовал бутстрапа. Сделал вот таким вот образом : Добавил серую полоску сверху меню и снизу, само меню сделал navbar-inverse(черный цвет). А вот как вставить логотип в центр не пойму, что-то видимо сделал не правильно, прошу сильно не пинать, верстать только учусь... Вот опубликовал: http://brainartgroup.zzz.com.ua/ Заранее большое спасибо!!

    Asked by Maks91, April 5, 2018

    • верстка
    0 votes
    6 answers
20. Наложение резинового фона поверх формы

    Привет! Подскажите как наложить нижнее синее облако поверх формы что справа.. Пробовал позиционировать этот фон относительно body и других контейнеров, мало того что не получилось расположить поверх формы так он ещё и обрезается, а он должен быть резиновым.. Пробовал поставить z-index выше относительно самой формы, body, а также других элементов но также ничего не вышло.. Пробовал эксперименты с opacity - тоже не помогает.. Для элементов формы применяется абсолютное позиционирование, видимо это не дает вытащить синий фон поверх нее, но должно же быть решение

    Asked by Odinokiy_volk, February 17, 2018

    • html css
    0 votes
    4 answers
21. Позиционирование списков

    Привет всем, делал менюшку на сайте и столкнулся с одной проблемой Есть тег div, в нем ul и 5 li в строчку с помощью inline-block li должны быть равными по ширине и при том менять её в зависимости от ширины экрана на ум пришла только эта идея: Поскольку div = 100% для li я поставил 20% и, как я понимаю, li должны вплотную занять всю ширину div и при том быть не статичными тк % но не получается и последняя пятая переходит на новую строчку, когда ставлю 19% то всё влазит, но справа остаётся место и получается не красиво в чем дело? Никаких отступов нет, padding 0, что еще занимает место? Или способ не правильный? так же думал, что это из за про…

    Asked by Mewow, February 17, 2018

    • div
    • ul
    • li
    0 votes
    3 answers
22. Как изменить размер картинки в HTML

    Всем привет! Не знаю, пишу я там, где нужно, или нет. Но у меня есть проблемка: не меняются размеры картинки посредством html. Все работает, картинка отображается в браузере. Но ее размер не меняется. Вот код^ _________________________________________________________________________________ <!doctyp html> <html> <head> <title>Арбитражная работа</title> <meta charset="utm8"> </head> <h1>Арбитражная работа</h1> <br> <a href="../front page.html">Главная</a> <a href="blog.html">Блог</a> <a href…

    Asked by Scripto, April 8, 2018

    0 votes
    2 answers
23. код Отправка Формы Информации

    Добрый День. Такой Вопрос, если есть возможность, помогите, кто сталкивался с подобной Темой. Есть форма отправки информации (Имя, Е-мэйл, Телефон, Описание) После заполнения формы, нажав на Отправить, инфо отправляесься на Сервер, храниться там. На сервере создал файл post.php Вопрос заключаеться в следующем: Что нужно прописать в скрипте чтобы заполненная форма номер 1 автоматически отправлялась на емэйл следующему человеку заполнившему следующим ту же форму? Выглядит так: Первый человек заполняет форму, она посылается на сервер и сохраняется в файле. Следующий человек получает на емейл содержимое файла, после чего файл пере…

    Asked by Алексей8888, April 13, 2018

    • html
    • форма
    • информация
    • автоматически
    0 votes
    0 answers
24. Генерация таблицы с объединенными ячейками и нумерация ячеек

    Мой скрипт создает таблицу с некоторыми объединенными ячейками. Но если в эти ячейки вывести идентификаторы строк самих ячеек, то будет видно что ячейка объединенная colspan считается как одна и поэтому подсчет идет так например (предыдущая ячейка - 1_1), (colspan="3" - 1_2), (следующая ячейка - 1_3). А должно быть вот так (предыдущая ячейка - 1_1), (colspan="3" - 1_2,1_3,1_4),(следующая ячейка 1_5). Если взять например rowspan то он как раз считает как надо. Вот пример скриншота, красным выделено правильный подсчет ячеек (нужно смотреть на последнюю цифру после черточки). Если смотреть на rowspan, то он изначально все правильно считает. Как мне сделать, чтобы цифры …

    Asked by Katerina23, April 10, 2018

    0 votes
    1 answer
25. Помогите решить проблему

    Есть у меня значит полоска с меню и лого h-line и блок description(We love foinni polapain...). Решил добавить h-line position: fixed и получилась такая вот картина. Задал верхний отступ от descripton, в итоге header уехал вместе с description. Подскажите как это можно исправить? Код тут

    Asked by no__name, April 14, 2018

    • header
    0 votes
    2 answers