Web-site Development

149 questions in this forum

1. Связь между фреймами

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

   Asked by hutt, November 25, 2019

   0 votes
   2 answers
2. Адаптация масштаба изображений

   Всем доброго времени суток. Второй день, не могу решить проблему. Может кто-то подскажет, поможет. Делаю сайт на CMS Shopify. Шаблонизатор LIQUID. На всех платформах, кроме apple, размер (масштаб) изображений нормальный. Вот как на скрине https://clip2net.com/s/44MwemP А вот когда захожу с яблока, то вижу вот такую картину - https://clip2net.com/s/44MysXK При этом, в конструкторе от CMS масштаб изображений под айфон показует в норме. https://clip2net.com/s/44Mxx1O Вопрос. Как сделать так, что бы на айфонах масштаб был таким же как и на других устройствах? п.с. Знаю как адаптировать размер текста путем настройки -webkit-text-size-adjust но вот с изображение…

   Asked by rewtowd, November 26, 2019

   0 votes
   0 answers
3. Изменить код верификации Google и Яндекс

   После покупки сайта(на Wordpress) возникла проблема. Не могу подтвердить права на сайт ни в Google ни в Яндекс, т.к. где-то стоит код прежнего владельца. На главной странице в head его нет. Перерыв плагин Yoast SEO ничего, но яндекс при попытке пройти верификацию пишет,что код указан через плагин Yoats SEO. Где изменить код прежнего владельца?

   Asked by pipetosha, December 29, 2019

   • google search console
   • яндекс вебмастер
   • код верификации
   0 votes
   0 answers
4. Для чего html тегу применяют несколько классов?

   Приветствую! Вот такой код встретил в примере <div class="site container clearfix"></div> Дальше в файле css стилей описаны свойства для site, container и clearfix соответственно...Для чего такое сделано, ведь проще написать все в одном классе site например?

   Asked by tigrus2014, December 6, 2019

   0 votes
   1 answer
5. Для чего html тегу применяют несколько классов?

   Приветствую! Вот такой код встретил в примере <div class="site container clearfix"></div> Дальше в файле css стилей описаны свойства для site, container и clearfix соответственно...Для чего такое сделано, ведь проще написать все в одном классе site например?

   Asked by tigrus2014, December 6, 2019

   0 votes
   2 answers
6. Подкорректировать форму отправки

   Доброго времени суток, подскажите пожалуйста, есть на сайте два поля и кнопка для отправки информации в телеграм. Как можно сделать так, что бы если поля пустые, то кнопка не срабатывала, или если это просто, то всплывало сообщение что поля не заполнены. В идеале, если бы была валидация, что в поле имя, можно было вводить только буквы, и в поле телефон цифры, 7 цифр. В скриптах я не разбираюсь, поэтому если есть какое готовое решение, буду благодарен. Использовал для отправки формы это https://github.com/digitalBush/jquery.maskedinput <form method="post" action="telegram_phone_form.php"> <span class="phone_form_close" onclick="show('none')"></…

   Asked by oleg126, December 18, 2019

   0 votes
   5 answers
7. Появляющаяся кнопка включения/выключения аудио при скроллинге

   Здравствуйте. Имеется данный код: <audio id="audio"> <source src="audio/1.mp3" type="audio/mpeg"> </audio> <div class="fixedbut" id="sebut">Звук</div> <style> div.fixedbut { position: fixed; bottom: 93%; right: 20px; display: block; background: white; border-radius: 10px; color: black; text-decoration: none; padding: 6px 23px; font-size: 17px ; -webkit-transition: 0.33s all ease-out; -o-transition: 0.33s all ease-out; transition: 0.33s all ease-out; z-index: 999; } div.fixedbut:hover { background: grey; color: white; } </style> <script&g…

   Asked by VolKTieR, December 19, 2019

   • css
   • html
   • jquery
   • button
   • audio
   • scroll
   0 votes
   1 answer
8. float и overflow

   https://jsfiddle.net/d0ublezer0/h4aLb7z6/9/ Я использовал для позиционирования технику, когда картинке задается float:left, а соседнему блоку overflow:hidden, чтобы блок не съезжал вниз. У второго пункта (криолиполиз) есть псевдоэлемент (новинка), который не видно из-за overflow:hidden родительского слоя. Есть какая-то иная техника, чтобы и картинка была слева и псевдоэлемент был виден?

   Asked by d0ublezer0, December 20, 2019

   0 votes
   0 answers
9. Помогите в разработке прогрессивного каталога компаний

   Здравствуйте, прошу, направьте. Как создать простой, но удобный каталог компаний, с возможностью отсортировать их по тэгам, выставлять им рейтинг, комментировать и обсуждать на форуме. Так, чтобы при создании страницы компании, автоматически создавался топик на форуме с возможностью обсудить и это все отображалось бы в комментариях. На Главной прокрутка с логотипам компаний и возможножность поиска. Хотя еще одна идея - каталог - блог, в котором компания может постить публикации и они бы высвечивались на главной в виде новостей.

   Asked by Gr0zak, January 3, 2020

   • сайт-каталог
   • каталог компаний
   0 votes
   4 answers
10. проблемы с scss файлом в vscode(visual studio code)

    я использую sass scss в vscode и постоянно сталкиваюсь с такой проблемой что html код сам без моего ведома вставляется в scss файл как исправить эту ошибку?

    Asked by victorius, January 6, 2020

    0 votes
    0 answers
11. Список

    Всем привет сори за тему ,в процессе изучения html / css не могу понять как сделать список так чтобы по центру была полоса вертикальная и сначала слева один блок потом чуть ниже справа другой блок и так далее. Подскажите как осуществить

    Asked by adam_maks, January 9, 2020

    0 votes
    2 answers
12. Скрытая страница

    Обратился клиент с проектом - сервис торговых сигналов по биржевой торговле. Задача следующая - нужно сделать так, чтобы пользователь, после выполнения оплаты получал доступ к странице с торговыми сигналами, причём чтобы это происходило автоматически. Если пользователь переходит на страницу "Торговые сигналы" без оплаченной подписки, то попадает на страницу выбора сроков подписки и кнопками "Купить подписку". Как можно реализовать что-то подобное? Хотя бы направление дайте. С уважением, Игорь

    Asked by Welizar, February 16, 2020

    0 votes
    1 answer
13. Шаблон в figma

    Здравствуйте, прислали тестовое задание, шаблон в figma, после photoshop тяжело, да и сетку не видно, я хотел использовать модульную сетку для вёрстки.

    Asked by Jester, January 15, 2020

    0 votes
    6 answers
14. Как убрать ошибку 404 при переходе на существующую страницу?

    Добрый день! Сегодня с утра обнаружила, что во вкладку "новости" (на навигационном меню) не переходит. За место нее выскакивает ошибка 404. Сайт не трогала 2 месяца, а сегодня попросили дописать новости. Путь правильный, файл .htaccess проверила. На все остальные страницы переходит. В чем может быть причина? Сайт писала сама (первый опыт).

    Asked by Anna1991, January 28, 2020

    • разработка сайта
    0 votes
    0 answers
15. Браузер Опера

    В Опере страница с фото (вкладка "Картинки") постоянно подпрыгивает, дергается, будто сама себя настраивает. Все обновления актуальны. Что делать? Есть видео. Браузер: 66.0.3515.44, Используется обновленная версия Opera, Канал обновлений: Stable, Система:Windows 7 32-bit. V_20200129_142114.mp4

    Asked by Grig2020, January 29, 2020

    • браузер
    • опера
    • прыгает экран
    0 votes
    1 answer
16. Какие проверенные обучающие курсы можете порекомендовать?

    Добрый день! Освоил самостоятельно основы HTML, CSS и JS. Хочу овладеть навыком разработки сайтов до уровня трудоустройства или возможности самостоятельно выполнять работу на фрилансе. Можете проверенные порекомендовать обучающие курсы/обучающие школы по данной тематике? Заранее спасибо за ответ!

    Asked by Djoker, June 13, 2020

    0 votes
    4 answers
17. Проблема с отображением изображения в ХТМЛ документе

    Пытаюсь поместить в документ картинку, теги вбил верно, само изображение имеет формат "png", в браузере при просмотре отображается иконка изображения, но не сама картинка, вот код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>begemotIya</title> </head> <body> <img src="..C/logo01.png"> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse proident, sunt in culpa qui …

    Asked by Семён Шпротов, February 14, 2020

    0 votes
    1 answer
18. Адаптация сайта под мобильные устройства

    при просмотре кода страницы сайта в браузере с использованием "инструментов разработчика" (горячая клавиша F12 для Windows) и просмотре его отображения для мобильных устройств, размер экрана которых меньше размера страницы сайта и ее отдельных элементов, ширина которых задана в пикселях, а не в процентах, страница без предварительной адаптации вписывается в размер экрана любого устройства. Как изменить отображение чтобы увидеть реальную картину, что нужно изменить в коде для создания адаптированного сайта??? для изменения размера страницы под размер устройства при отладке необходимо в код вставить метатег "viewport" <meta name="viewport" content="width…

    Asked by VovkaKrut, February 18, 2020

    • адаптация сайта
    • мобильное устройство
    • инструменты разработчика
    • браузер google chrome
    • браузер
    0 votes
    0 answers
19. Забавная проблема взаимодействия с элементами на странице

    Привет, я решил создать сайт, и довольно важным элементом дизайна есть полупрозрачный туман который расположен поверх всех элементов (он располагается поверх всех элементов при помощи z-index), на сайте есть также слайдеры, кнопки и поля для ввода данных и проблема заключается в том что пользователь никак не может с ними взаимодействовать по тому как самый верхний элемент это полупрозрачная картинка тумана занимающая весь экран. Напишите пожалуйста как взаимодействовать с элементами на сайте или игнорировать картинку тумана, потому как даже текст нельзя выделить. P.S.картинка тумана по задумке должна быть поверх всей страницы

    Asked by p_h_o_t_o_s_h_m_e_l_l_345, March 23, 2020

    0 votes
    2 answers
20. Картинка в мобильном браузере при смене ориентации экрана.

    Добрый день форумчане. Вопрос такой. Как правильно и логично замутить картинку, чтобы она в браузере мобильника была расположена КАК НАДО, т.е. при горизонтальной ориентации экрана был отступ сверху 15%, а при вертикальной 50%? Спасибо. Картинка ниже. Кусок кода сейчас такой: (Очевидно, что 15% отступ сверху сейчас работает при любом положении экрана.) <!doctype html> <html> <head> <meta charset="utf-8"> <title>Тест</title> <style> div {margin-top: 15%;} </style> </head> <body> <div id="centerLayer" align="center"> <img src="8.svg" width="20%" height="50% alt="З…

    Asked by Иван Иванович, April 3, 2020

    0 votes
    2 answers
21. Как лучше начать свой путь верстальщика?

    Всем добрый день, хочу научиться создавать сайты, дизайны для них и тому подобное, подскажите, пожалуйста, может вы знаете онлайн курсы, с которых стоит начать? Что вначале лучше всего изучать? На данный момент я в этом полный 0..

    Asked by Tommy, April 16, 2020

    0 votes
    3 answers
22. Вставка изображения больших размеров

    У меня в макете 3 картинки размером 767 на 426 пикселей. Как их корректно вставить в код, картинкой или блоком, посредством фона, как адаптировать под маленькие экраны, и они у меня идут в виде галереи, все вместе, то есть получается уже после разрешения 1500 пикселей, нужно думать об адаптиве. Подскажите пожалуйста решение. Спасибо.

    Asked by Максим_87, April 22, 2020

    0 votes
    2 answers
23. Слайдер на сайте

    Здравствуйте, очень понравилась одна идея слайдера( если честно я не знаю как называется полоса для пролистывания сайта справа ).В общем, её можно увидеть на сайте Tesla.com,при пролистывания сайта колесиком мыши, как повторить подобный эффект?Так же на каком языке это реализуется?

    Asked by Pleed, April 23, 2020

    0 votes
    1 answer
24. блоки ездят куда-то. Что делать?

    Проблема в следующем верстаю макет с PSD шаблона. Использую HTML и CSS. Прописал по порядку блоки Header. nav. main. в коде html. Добавил картинку и ссылки в блок header. открыл браузер что бы отобразить результат. и вижу. что блок main наехал на блок header. Вопрос: почему так получилось. Ведь одно из свойств блочных тегов - они начинаются с новой строки и занимают всю доступную ширину. (main. игнорирует свойство и не начинается с новой строки). как решить и почему произошло? Заранее благодарю всех за помощь Скрин прикрепляю. HTML <body> <header> <div class="logo"> <img src="..\matereal\images\logo.png" al…

    Asked by gars, April 27, 2020

    • помощь
    • проблема
    • блок
    • блоки
    • теги
    • ошибка
    • любовь
    0 votes
    1 answer
25. Выплывающая панель css

    При попытке поставить скролл (overflow:auto) панели .mudsarulopas исчезает кнопка label . Манипуляции с position не помогают. весь код. <input type="checkbox" id="asruk-tkilasun" aria-hidden="true"> <nav class="mudsarulopas"> <label for="asruk-tkilasun" class="asruk-tkilasun" onclick></label> <section> <a href="/"style="color:#fff;">Заголовок</a> <hr> <a href="/virtualnye-vystavki" style="color:#fff;text-decoration:underline;">выставки</a> <ul> <li>1</li> <li>1</li> <li>2</li> <li>3</li> <li>…

    Asked by 13bnj, April 28, 2020

    0 votes
    1 answer