HTML Coding

29542 questions in this forum

1. Различное отображение сайта на домене и поддомене. Как исправить?

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

   Asked by Юлия_36, July 19, 2018

   0 votes
   3 answers
2. Как правильно прописать путь к странице html в адресной строке

   sandraflower.com/index_catalog.html Путь до страницы. Как сделать, чтобы он был: sandraflower.com/catalog?

   Asked by Юлия_36, July 19, 2018

   0 votes
   1 answer
3. Ошибка при попытке оставить заявку о заказе на почту

   Возникает ошибка: Service Unavailable The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later. Additionally, a 503 Service Unavailable error was encountered while trying to use an ErrorDocument to handle the request.

   Asked by Юлия_36, July 20, 2018

   0 votes
   0 answers
4. 2 Блока div Изменяют друг друга при наведении

   Здравствуйте. Недавно начал изучать HTML и CSS. Хочу сделать рядом 2 блока div которые при наведении на любой из них увеличивались в ширине и изменяли ширину соседнего. А получается что при наведении на блок А он увеличивается и уменьшает ширину блока Б. А при наведении на блок Б он просто увеличивается и перекрывает блок А https://jsfiddle.net/ob4jyz0p/1/ Для наглядности: Курсор не в области этих блоков: |________А_50%________| |________Б_50%________| Курсор наведен на блок А: |____________А_80%____________| |____Б_20%____| Курсор наведен на блок Б: (Перекрывает Блок А) |____А_50%____|____________Б_80%____________|

   Asked by Denzell97, July 21, 2018

   • hover
   • div
   0 votes
   4 answers
5. Стилизация скролла

   Ребят, привет, хочу сделать такой скролл, согласно макету , но scroll thumb не получается шире скролл трека самого, и я длину не могу задать скролл треку, подскажите, вообще можно ли это все сделать https://jsfiddle.net/6hy5q79u/1/ - вот сам код

   Asked by exoty, July 21, 2018

   0 votes
   1 answer
6. Оформление текста через <br>

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

   Asked by FRANZEE, July 22, 2018

   • br
   0 votes
   6 answers
7. Js код для открытия одинаковых окон

   Привет, с js особо не дружу, но есть такая задача. https://jsfiddle.net/kwgrjfse/2/ есть такой код, суть в следующем: нужно чтобы при наведении на картинку crypt_img, которых много, показывался соответствующий див crypt_text, я примерно понимаю и видел пару раз, что код пишется как то через eq, value и current index, но не смогу его написать, если кто может, помогите плз

   Asked by exoty, July 23, 2018

   0 votes
   2 answers
8. Перенос абзаца в тексте материала

   Привет. На своём сайте столкнулся с проблемой "Многочисленное кол-во <br> and <p>" На скриншоте показано, как между абзацами большие отступы. Как при помощи CSS убрать данную проблему? Если при помощи CSS не получится, посоветуйте более надежный вариант)

   Asked by byDitya, July 23, 2018

   • пробелы
   • br
   0 votes
   6 answers
9. Отправление заявки на почту

   Подскажите пожалуйста, как вывести текст сообщения в письме. Он хранится в переменной $text

   Asked by Юлия_36, August 24, 2018

   0 votes
   1 answer
10. Верстка интернет-магазина

    Здравствуйте, у меня есть пара вопросов относительно верстки интернет-магазина: Есть карточка товара (см. картинку): 1. Во многих магазинах переключатели фотографий сделаны ссылками, почему не радиокнопками? Есть какая-то разница, как делать? 2. Как лучше поступить с добавлением товара в корзину: сделать формой с кнопкой submit или можно в принципе и разными полями сделать, отдельными? Опять же, есть ли разница? От чего зависит? Спасибо.

    Asked by Alisa1711, July 24, 2018

    • html
    0 votes
    1 answer
11. Реализация пойска на html сайте

    Всем доброго времени суток. Есть сайт, состоящий из файлов с расширением html. Файлов много, по сути сайт представляет с собой большой каталог с товарами. Цель - реализовать поиск по данным товарам. Вот сам сайт - http://pkf-isana.ru/ У кого какие идей? Как можно реализовать данный функционал.

    Asked by guram07, July 25, 2018

    0 votes
    2 answers
12. Странные кнопки на iPad

    Некоторые кнопки на айпаде вроде как съезжают вправо. Причем, размер остается как нужно а то что внутри кнопки съезжает. Вот пример - http://jsfiddle.net/n89amLps/2/ А вот что получается - на размер не обращайте внимания - на планшете разрешение выше чем на ноутбуке

    Asked by alleclf, July 25, 2018

    0 votes
    8 answers
13. Смело в бой!

    Ползал на просторах местного новостника, случайно обнаружил такую вот объявку, чуть со смеху не лопнул, хочу поднять и все вам насроение, если веткой ошибся - поправьте, ну по идее это же обсуждение работ...

    Asked by Andryshok, July 26, 2018

    0 votes
    2 answers
14. Проблема с позиционированием элементов

    Добрый день, при вертске столкнулся с такой проблемой, на первом скриншоте я старался с позиционировать элементы, что бы текст шел как бы лесенкой а между ними фото. http://joxi.ru/D2Pz9gOTp65Z7r Но после того как я добавляю вторую картинку элемент с текстом почему то присасывается к верхней части, хотя до этого я задал ему clear: left; что бы он расположился под первой картинкой. После добавления картинки, получается вот так http://joxi.ru/nAyvGpPtYbzRdr Помогите решить проблему, правильно ли вообще я позиционирую элементы на странице? или же можно решить туже задачу проще? Html этой секции <div class="box"> <div class="compa…

    Asked by мурамаса, July 27, 2018

    • positioning
    • div
    • вертска
    • позиционирование
    • css
    • html
    0 votes
    4 answers
15. Iphone. верстка в iphone 6, 7. Кнопку перекрывает navbar iphone

    Добрый день, имеется кнопка прижатая к низу контейнера (контейнер зеленого цвета с ценой и кнопкой заказать), (контейнер flex, кнопка прижата через margin-top: auto), все хорошо только в iphone 6, 7, кнопку перекрывает навигационная панель iphone. Пробовал js, через detect-mobile определяю что это ihpone, и добавляю кнопке margin-bottom: 70px; теперь на iphone 6 все хорошо а на 7 с виду margin больше (появился отступ снизу между кнопкой и навигационной панелью iphone 7) Подскажите пожалуйста способы возможного решения данной проблемы Изображение снизу это iphone 6, на iphone 7, marginb-bottom у контейнера два раза выше, может ли это быть связано с pixel-ra…

    Asked by Daniil Khanin, July 28, 2018

    0 votes
    0 answers
16. Ни как не могу сверстать данный блок. Помогите плс

    надо сверстать вот такой геометрический шестиугольник, и поместить фото на все ширину блока и высоту.

    Asked by Ильдияр, July 28, 2018

    0 votes
    3 answers
17. Не выходит поставить текст по центру

    Всем привет. Начал учиться верстать, и столкнулся с такой проблемой, не получается поставить текст по центру в теге <nav>. В чем ошибка, почему не выходит, подскажите? код html: <body> <header class="conteiner"> <h1>reverse obscurity</h1> <nav class="nav1"> <ul class="menu"> <li> <a href="#">home</a> </li> <li> <a href="#">services</a> </li> <li> <a href="#">portfolio</a> …

    Asked by FotGOD, July 30, 2018

    • текстцентр
    0 votes
    2 answers
18. Не работает скрипт в Firefox

    Доброго времени суток, столкнулся с проблемой, скрипт не работает в Firefox но прекрасно работает в Chrome. Суть скрипта, каждые 10 секунд "переключать" рандомную фотку вот скрипт: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script> <script> $(document).ready(function() { $('#slider4').children('div').each(function(n_div,div) { $(div).children('img').each(function(n_img,img) { if(n_img) $(img).css({'opacity':'0.0'}); else { $(div).attr({'value':(n_img+1)}); $(img).css({'opacity':'1.0'}); } }); }); window.setInterval(function() …

    Asked by celiFox, July 31, 2018

    • firefox
    • javascript
    0 votes
    0 answers
19. Личные списки

    Вопрос по созданию списков. Есть немало сайтов с фильмами, играми, аниме и т.д. где можно зарегистрироваться и создать свой личный список, например "Буду смотреть", "Смотрю", "Просмотрено". В эти списки можно добавлять фильм прямо со страницы этого фильма, а после в своем профиле увидеть его в списках. Приложу скриншоты и сайт-пример. Стало очень интересно как эти самые списки сделать на своем сайте?

    Asked by Wisp, August 1, 2018

    0 votes
    2 answers
20. 4 элемента в колонке, если добавляется 5-ый, то он уходит в другую колонку

    Элементы генерируются с помощью js. В колонке должно быть 4 элемента. Если добавляется 5-ый, то он уходит в другую колонку. Как это реализовать? http://skrinshoter.ru/s/010818/mKAyNKug?a

    Asked by yaparoff, August 1, 2018

    0 votes
    3 answers
21. Неправильно отображается порядок объектов.

    Помогите пожалуйста. Панель отображается под текстом, хотя написана выше него. Иллюстрация проблемы: http://94.19.106.128/test/donate.html. cat donate.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <link type="text/css" rel="stylesheet" href="style/style_i.css"/> <style> body { background: url(donate-5.gif); } </style> </head> <body> <link rel="import" href="object/import_panel.html"> <div id="content"> <p>Подкинь монетку<br> <b>MONERO </b>46W3ckYoCvxB5Wh1k9U8M9WhoGFDjxtqNKXZ3Nta3s7dKe5SV8ZcFDh1nfB2mgkZm5MYoTUrfj aQUAGUJNig3sANLxxGzfC<b…

    Asked by miisha, August 1, 2018

    0 votes
    4 answers
22. Абсолютно позиционированные элементы и свойство display

    Здравствуйте. Все время считал, что после применения абсолютного позиционирования к элементам их свойство display по умолчанию устанавливается в block. Но сегодня пришлось усомниться в этом. Смотрите пример https://jsfiddle.net/9z3ehbpa/2/ Две последние линии каждой из кнопок созданы с помощью ::before и ::after (display: inline по умолчанию developer.mozilla.org). При этом для второй кнопки псевдоэлементам прописано свойство display: block, что, по идее, лишнее, так как это происходит по умолчанию для position: absolute (согласно таблицы inline превращается в block www.w3.org) Почему же кнопки отображаются по разному?

    Asked by alex_web64, August 3, 2018

    0 votes
    10 answers
23. OWL carousel распирает страницу

    Привет! Нужен совет знатоков Я полдня убил, но так и не нашел в чем проблема. На малых разрешениях карусель распирает страницу в ширину https://www.road.media/headunit $('#category-slider').owlCarousel({ nav: true, rewind: false, dots: false, items: 1, responsive: { 0: {items: 3}, 480: {items: 4}, 768: {items: 5}, 1024: {items: 8} }, responsiveBaseElement: "#category-slider-wrapper" }); Вот вроде ж все правильно сделал, но на малых экранах ширина …

    Asked by d0ublezer0, August 4, 2018

    0 votes
    0 answers
24. Как скрыть div с динамическим id

    Есть вот такой кусок кода (как пример) на прикреплённых файлах. Безпорядочный id/class меняется после перезагрузки страницы. Пока примудрил так #leftColumn>div:nth-last-child(2) Но убирается незначительная, но всё-таки нужная (не рекламная) часть блока, потому как при генерации родителю присваивается подобное безобразие (по типу #R67fGHk)

    Asked by БлагоѨръ, August 4, 2018

    0 votes
    0 answers
25. Динамическое изменение индикации, через соседние селекторы.

    Решил поэкспериментировать с динамическим изменением индикации, вот по этому заданию. Как мне казалось, это реально: стили для любого значения параметра загружаются сразу, изменяется параметр - сразу применяются стили, соответствующие новому параметру. Но почему-то эта "динамика" работает, только для параметра, заданного по-умолчанию. Почему стили не применяются к изменённому параметру? Какова тут логика работы и возможно ли подобное, сделать на чистом CSS? Спасибо. PS: ну и до кучи - буду рад инфе, как стилизовать input type='number '?

    Asked by Launder, August 4, 2018

    • input
    • label
    0 votes
    4 answers