HTML Coding

29542 questions in this forum

1. Ошибка 403 Access forbidden!

   Всем привет, буду краток делаю сайт на openserver. Нужно было в хедер вывести логотип сайта. Воспользовался <img> при загрузке сайта картинка не выводится, вместо нее только содержание alt, когда смотрю в код элемента, там где ошибки написано не удалось загрузить изображение (Ошибка 403 Access forbidden!) позже выяснилось что вообще любые картинки не показываются из за этой ошибки при переходе по ссылке на изображение: права на папки не менял, поскольку в windows не знаю как, да и нельзя вроде как Сайт на dle и в других шаблонах все картинки выводятся, но в моём нет. В чем может быть дело?

   Asked by Mewow, February 24, 2018

   • access forbidden
   • 403
   • ошибка
   • изображение
   0 votes
   2 answers
2. Расположение картинок в 3 ряда, друг под другом

   Здравствуйте, прошу совета. Есть один div. В него с бека загружаются картинки. Нужно их расположить в 3 ряда, друг под другом. На картинке изображено как надо. У меня получатся расположить только в ряд с фиксированной высотой, то есть расстояния по высоте между картинками получаются большими не друг за другом. Прошу подсказать как сделать правильно.

   Asked by roash19, February 24, 2018

   0 votes
   2 answers
3. Форма слайдера

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

   Asked by Dir.t, February 26, 2018

   • кривой слайдер
   0 votes
   2 answers
4. Нужно сделать жирными только пункты в списке, а жирнеют еще и подпункты

   Есть вот такой список: <ol> <li id="st">Пункт 1</li> <li><strong>Пункт 2</strong> <ul id="otstup" type="disc"> <li>Подпункт 1</li> <li>Подпункт 2</li> <li>Подпункт 3</li> <li>Подпункт 4</li> <li>Подпункт 5</li> </ul> </li> Хотел в Пункт 2 прописать id="st", но этот стиль применяется и к подпунктам, т.к. они находятся внутри него, пришлось там написать strong, но так цифра жирным шрифтом не становится. В пункте 1 все нормально, т.к. он закрытый и в нем нет подпунктов. Как применить идентифика…

   Asked by Омск, February 27, 2018

   0 votes
   4 answers
5. Растянуть фон с текстом до размеров картинки

   Здравствуйте, подскажите как растянуть фон с текстом до размеров изображения над ним? Чтобы их ширина всегда была равна, независимо от количества символов в тексте и размеров экрана. https://jsfiddle.net/vayr08d9/

   Asked by gadjet, February 27, 2018

   0 votes
   2 answers
6. Модуль сайта

   Когда тыкаю на данную кнопку, на этой же странице появляется следующее окно Подскажите как это правильно называется, что гуглить. https://www.askona.ru/krovati/krovati/krovat-romano.htm Ссылка для более хорошего понимания сути вопроса. Работает схоже с тем как появляется окно предпросмотра перед публикацией вопроса на этом форуме.

   Asked by purple/ocean, February 27, 2018

   0 votes
   1 answer
7. noUISlider

   очень трудновато с этим слайдером. https://jsfiddle.net/k13urhLb/1/ выбрал этот слайдер, но не могу настроить, чтобы больших делений было всего 4 (на 0, 10, 20 и 30), а маленьких делений было между ними 9 (в общем, как на обычной линейке все) и значение выводилось (на фотке где value). Заранее, благодарю за помощь

   Asked by exoty, February 28, 2018

   0 votes
   2 answers
8. popup

   https://jsfiddle.net/uLtL9bea/1/ есть такой код, но почему то когда жму кнопку price Открывает самый последний popup, а не первый , остальные же находятся сзади этого, а когда форму закрываю, при нажатии на price повторно она не открывается

   Asked by exoty, February 28, 2018

   0 votes
   1 answer
9. Input range стилизация

   Ребят, какие тут параметры задавать, с range вообще не работал, даже не знаю как это подобное сделать?

   Asked by exoty, February 28, 2018

   0 votes
   3 answers
10. Позиционирование текста.

    Приветствую! index.html: <div class="str1"><span class="cpu">Центра́льный проце́ссор.</span></div> css: .str1 { width: 100%; height: 100px; background-color:#3399ff; background: linear-gradient(130deg, #3399ff 50%, #ffffff 50%); } .cpu {border:0px solid red; color:#3399ff; font-size: 40px; line-height:100px; margin-left: 600px;} ================================================================ При просмотре на разных мониторов с разным разрешением, происходит следующие: На разный текст, не обращайте внимание, нужно как-то правильно оформить , посмотрите код и напишите правильный.

    Asked by Нуб, February 28, 2018

    0 votes
    19 answers
11. Спозиционировать элемент в нужное место по горизонтали, не выводя из потока

    Вот кот. Предполагается, что элемент не выводится из потока (по крайней мере, нужно чтоб он взаимодействовал в "строке" с другими элементами, предполагается, что за block-center могут также находится элементы). Загвоздка следующая: левый блок (block-1) имеет минимальный размер в пикселях(150px) и натуральный размер в rem (15rem, при том, что 1rem = 10px). Хочется оставить пользователю возможность менять в браузере размер шрифта, при этом положение левого края второго элемента (block-center) должно оставаться посередине (или в ином заданном месте). Для второго элемента указано свойство: padding-left: calc(50% - 15rem); /* тут может быть и 150px*/ При…

    Asked by Launder, March 1, 2018

    • padding
    • margin
    • border
    0 votes
    4 answers
12. Bootstrap menu - гамбургер

    Доброго времени суток. Проблема лежит в Bootstrap menu, точнее в телефонной версии, так называемый гамбургер появляется только на экранах разрешения 767px шириной, а хотелось чтобы гамбургер меню было на планшетах. Причина заключается в том, что это первоначальное меню, и оно еще будет дополняться. (хотя и уже такое на телефоне не приятно видеть). Как и где поменять размер смены обычного меню на гамбургер? Сайт если будет нужен http://izhprint.org/ bootstrap файл тоже прикрепил. Заранее спасибо за помощь! bootstrap.css

    Asked by Liv0n, March 1, 2018

    • bootstrap
    • menu
    • гамбургер
    0 votes
    2 answers
13. эффект hover

    3d кнопка или эффект нажатия в чём ошибка ? и кстати иконка не работает тоже ( <button style="position:absolute; right: 100px; icon: tty; font-size: 17px; background: rgba(115, 255, 255, 0.3); style: 3d; color: #ffffff; width: 200px; height: 40px; border: 3px solid #00ffff; border-radius: 15px;" class="popmake-326">Вызвать замерщика!</button>

    Asked by ne_beret, March 1, 2018

    0 votes
    3 answers
14. еще один noUiSlider

    привет, теперь по поводу другого uislider https://jsfiddle.net/ahuasLwh/2/

    Asked by exoty, March 1, 2018

    0 votes
    5 answers
15. Проблема с ссылками

    Всем привет! Друзья вебмастеры по возможности помогите в решении проблемы! Дело в том, что у меня возникла парадоксальная ситуация, заключается она в том, что тег <a> (ссылки) отказывается работать и не перенаправляет на нужную страницу. При разработке сайта я встроила одно горизонтальное меню. Оно было уже с готовыми решениями. Кроме html и css в ней ничего нет. Ссылки обернуты тегами ненумерованного списка <li> и не работают, хотя страницы эти есть. Когда эти же ссылки тупа размещаю в контенте все работает, а в меню отказывается. Сайт вообще только на html и css пока. Впервые такое встречаю. Если у кого было такое или есть мнение поделитесь пожалуйста. …

    Asked by Aliona108, April 2, 2018

    0 votes
    5 answers
16. Как сделать следующие? Отображение гиперсылок.

    Привет! Вопрос №1: Как реализовать следующие: Вопрос №2: Почему IE и Firefox не отображает гиперсылки, а Opera и Google отображают? Вот мой код:

    Asked by Нуб, March 2, 2018

    0 votes
    8 answers
17. Как сверстать такой треугольник?

    Добрый вечер, подскажите пожалуйста как сверстать такой треугольник?

    Asked by WebNewbe, March 3, 2018

    • html
    • css
    • верстка
    0 votes
    5 answers
18. как сделать чтобы кнопка не отображалась в мобильной версии сайта

    Всем привет. Как сделать чтобы кнопка не отображалась в мобильной версии сайта <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326" style="cursor: pointer; position: fixed; left: 0; top: 30%;"/> </div>

    Asked by ne_beret, March 4, 2018

    0 votes
    2 answers
19. не присваивается div

    создал кнопку в div <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326"/> </div> в файле style.css дописал .obrvz img { cursor: pointer; position: fixed; left: 0; top: 30%; } @media (max-width: 768px) { .obrvz { display: none; } } но стиль не применяется ( в чём может быть дело ? подскажите пожалуйста извиняюсь, перезагрузил note+++ браузер , подчистил кэш и всё заработало

    Asked by ne_beret, March 4, 2018

    0 votes
    1 answer
20. Программа для верстки

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

    Asked by viliksar, March 4, 2018

    0 votes
    2 answers
21. Карточка товаров на Flex

    Всем привет. Есть код-схема карточек товаров. Как с текущей разметкой сверстать на флексах так, чтобы полные ряды товаров (т.е. по 3 товара) вели себя как space-between, а не полный ряд как space-around? Если такое не возможно, какие могут быть пути решения? з.ы. варианты с ручным добавление margin к товарам неполного ряда не подходят

    Asked by wa0s, March 4, 2018

    • html
    • css
    0 votes
    0 answers
22. Как создать кнопки для вставки символов

    Добрый день! Вопрос, наверное, элементарный: как сделать кнопки для вставки символов, наподобие таких, как на прикрепленном рисунке? Такую полосу кнопок нужно поставить на каждую страницу сайта. В исходном файле сайта, с которого сделан скриншот, первая кнопка выглядит так: <ul class="sonderzeichen-uebung"> <li> <button class="FuncButton" onblur="FuncBtnOut(this)" onclick="Sonderzeichen('ñ')" onfocus="FuncBtnOver(this)" onmousedown="FuncBtnDown(this)" onmouseout="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseup="FuncBtnOver(this)" value="ñ">&#241; </button></li> Как я понимаю, это решается одним простым плагином? Как…

    Asked by heccele, March 5, 2018

    0 votes
    0 answers
23. Несколько js на одной html странице

    Привет. Подскажите, пожалуйста в чем может быть проблема и, если это возможно, как ее решить. Суть в следующем. Есть одна html страница, на которой реализовано две вкладки. На каждой вкладке отдельном окне, обрамленном с помощью css размещена svg картинка для которой необходимо выполнять JS код. В HTML пытался реализовать подобным образом: <body> <div class="menu1"> <br id="notCns"/> <a href="#cns">cns</a><a href="#notCns">notCns</a> <div> <object id="cnsId" type="image/svg+xml" width="1024" height="768" data="cns.svg"></object> <<script type="text/jav…

    Asked by ioprst, March 5, 2018

    • html
    • js
    • svg
    0 votes
    9 answers
24. сделать пропорциональный блок

    ребята, помогите пожалуйста сделать пропорциональный блок. тут в fiddle есть резиновый красный прямоугольник. я хотел бы чтобы он при любой ширине окна браузера имел отношение сторон 3:2. важно чтобы он был именно div, а не img

    Asked by cyklop77, March 5, 2018

    • css3
    0 votes
    2 answers
25. Проблема с позиционированием

    Добрый день, что делаю не так? Глаза уже замылил себе пытаясь найти причину. Нужно сделать - спозиционировать картинки так, что бы центральная перекрывала все, а 2 боковые были за родительским блоком и за центральной картинкой Тык А получается только вот так - 2 боковые позади центральной, но не могу их поставить позади родителя - Тык Либо подскажите как грамотно оформить этот блок с будущим нацеливанием на адаптивность. <div class="row"> <div class="col"> <div class="services-boxes"> <div class="services-boxes_first-box"> <img class="services-boxes_first-box__first-house" src="img/first_house.png" al…

    Asked by Владимир Горинов, April 5, 2018

    • css
    • z-index
    0 votes
    1 answer