Ответы пользователя по тегу HTML
  • Как задать img источник из svg inline?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Вы можете вывести изображение в формате svg прямо а html разметку и работать с ним± как с img. Попробуйте открыть svg в любом редакторе текста/кода и перекопировать его содержимое в свой html. Так же рекоменду почитать про svg хотя бы в этой статье
    Ответ написан
  • Как сделать такую верстку на гридах?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Скорее всего, если смотреть на блоках, тут два блока "верхнего уровня". Первый блок (ZOOM 4, Стоматологическая установка) размещены в ряд, тут проблем нет. Второй блок (E&Q MASTER, Микроскоп, 3D томограф, Пьезотом) может разделяться на две колонки. Соответственно, там придётся делать "замеры" не по ширине, а по высоте
    Ответ написан
  • Как перенести данные из html в VS?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Ну блин... Ну и вопрос конечно вы задали...

    Через JS можете отправить по HTTP (По желанию). Если таблица Excel, тогда подключайте соответствующие пакеты (Не в html)
    Ответ написан
    Комментировать
  • Как сверстать адаптивную кнопку с элементами по периметру?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Ну можете отсюда отталкиваться

    border: 5px dotted pink;
    height: 29px;
    background-color: red;
    Ответ написан
    Комментировать
  • Как создать скрытый input для передачи технической информации на другую страницу?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Тип hidden не подходит, потому что его можно редактировать? А что из html вы вообще можете НЕ редактировать?

    Вам тут стоит понять одну очень важную штуку: html/css/js образуют client side. Вы должны понимать, почему это называется вообще "Клиентом"? Потому что эта вся информация полностью загружается на клиента и он имеет к ней доступ.

    По этому существует server side - часть программной системы, к какой конечный пользователь не имеет доступа, в отличии от клиентской части.

    Цель сервера - обрабатывать запросы с клиента. Первое, что делает сервер с данными, которые ему отправил клиент - ВАЛИДИРУЕТ. Соответственно, если данные не валидны - запрос разворачивается обратно на клиента и отдаёт ему какую-то ошибку

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

    Client side должен обрабатывать данные перед отправкой на сервер (Но сервер обязан их повторно валидовать) и после получения данных от сервера для наилучшего представления ИХ конечному пользователю

    UPD: для справки. Вы можете полностью редактировать html в режиме реального времени, но он не будет сохранён для всех пользователей, а только для вас, т.к. эта часть загружается только два вас как для конечного пользователя. Сам html хранится на сервере и является результатом работы сервера. Эту часть html, что вы видите в браузере вы можете редактировать.

    Вы можете динамически подключать стили или их удалять. Можете менять скрипты, удалять их из сайта (Тогда отправка вообще работать не будет и, соответсвенно, отключится весь функционал, за который отвечаел скрипт) или добавить новые скрипты. А можете вообще написать свой скрипт прямо в консоли браузера и он будет работать.

    Проблема в том, что даже после элементарной перезагрузки страницы (Через Ctrl + R или другими способами) это всё будет утеряно и вам загрузится тот самый html/css/js, который является результатом рабыты сервера того сайта, который вы просматриваете
    Ответ написан
    1 комментарий
  • В какой программе лучше делать верстку сайта?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Верстать лучше в VS Code, т.к. вы можете накинуть туда много плагинов, которые очень сильно вам могут помочь в этом

    Для дизайна лучше используйте Figma
    Ответ написан
    Комментировать
  • Как задать плееру автоматическое воспроизведение при нажатии на сылку?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Попробуйте вот такую комбинацию с помощью JS:

    <video id="myVideo" autoplay>
              <source src="your_video.mp4" type="video/mp4">
         </video>


    document.getElementById('myVideo').play();

    А для модалок вот так:
    <a href="#" onclick="openModal()">Открыть видео</a>
    
    <!-- Модальное окно -->
    <div class="overlay" id="video1">
        <div class="modal">
            <div class="video__title">
            </div>
            <div class="video" id="youtube">
                <iframe width="640" height="360" id="player" src="https://www.youtube.com/embed/J32MrXDK6oI?version=3&enablejsapi=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
            </div>
            <a href="#" onclick="closeModal()" class="close">Закрыть</a>
        </div>
    </div>
    
    <script type="text/javascript" src="http://www.youtube.com/player_api"></script>


    var player;
    
        function onYouTubePlayerAPIReady() {
            player = new YT.Player('player', {
                events: {
                    'onReady': onPlayerReady
                }
            });
        }
    
        function onPlayerReady(event) {
            event.target.playVideo();
        }
    
        function openModal() {
            document.getElementById('video1').style.display = 'block';
        }
    
        function closeModal() {
            document.getElementById('video1').style.display = 'none';
            player.stopVideo();
        }
    Ответ написан
    Комментировать
  • Как поменять цвет окна браузера?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Дааа... )

    Это кто-то из Google такой код писал. Там на главной странице (Новой вкладке браузера) снизу справа (Если у вас та версия) есть кнопочка в форме карандаша. Там меняете как хотите и что хотите
    Ответ написан
  • Как верно сделать адаптивную загрузка видео в зависимости от ширины экрана?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Это + это. Далее запускаете проект и смотрите, будет ли оно работать или нет...

    На крайняк берёте олдовый метод с блокнотом (Надеюсь, он у вас есть), закидуете туда html раметку, меняете расширение на .html (Только сначала документ нужно будет закрыть) и открываете БРАУЗЕРОМ

    Вот вам, два способа проверить вашу интуицию, будет ли эти ЧЕТЫРЕ строчки работать так, как вы думаете или нет
    Ответ написан
  • Как расположить объекты в div в строчку?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Попробуйте использовать Bootstrap, там уже есть готовые стили для того, что бы решить вашу задачу
    Ответ написан
    Комментировать
  • Создание страницы на гридах.?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Можно сделать 3 ряда с подрядами

    1й ряд имеет 2 подряда с отступом между ними
    2й ряд не имеет подрядов (Пей кофе)
    3й ряд имеет 3 подряда с отступом сверху
    Ответ написан
  • Как перенаправить на якорь, с другой страницы?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Попробуйте использовать JavaScript:

    <button onclick="redirectToProfile()">Перейти на страницу profile.php</button>
    
    <script>
            function redirectToProfile() {
                window.open('profile.php#log_activity', '_blank');
            }
        </script>
    Ответ написан
  • Z-index головоломка - как расположить фигуры внахлест одну за другой?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Окей, включаем математику. Если предположить, что z-index 1-го (Красный) элемента x, тогда z-index 2-го элемента (Зеленый) y должен быть y > x. Теперь интересное. Если брать z-index 3-го (Синего) элемента z относительно 1-го элемента (Красного), тогда он должен быть z < x, а если брать относительно 2-го (Зеленого) элемента, тогда он должен быть z > y

    Если подставить это всё в уравнение, тогда получается как-то так:
    z > y => y > x => z > x, но
    z < x


    А действительно тут может быть способ просто сделать фигуры не целостными, т.е. тот же красный элемент разделить на две элемента, значение одного больше z-index'а 3-го (Синего) элемента, а второго меньше чем в зеленого
    Ответ написан
    Комментировать
  • Android select?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Нууууу, можно самому сделать немного пошаманив с css

    UPD: хотя это больше похоже не на select а на radiobutton. По этому вот вам пример настройки select (И вот ещё хороший пример). А вот по Radiobutton.

    А вот тут вы найдёте просто оооочень потрясающие примеры (С исходниками)
    Ответ написан
    Комментировать
  • Как исправить ошибку post 405 (method not allowed)?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Почему не находит? Вот статья об Статус Коде 405
    Ответ написан
    Комментировать
  • Как передать ответ от сервера в JS?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Да, для валидации рекомендую делать скрытые <div> контейнеры, в которые потом выводить ошибки. Советую сразу этому контейнеру прилепить класс d-none
    Ответ написан
    Комментировать
  • Как сделать чтобы блок при адаптации всегда занимал всю страницу?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Попробуйте воспользоваться медиа запросами (Ссылка на то, что вам нужно)
    Ответ написан
    Комментировать
  • Переход на новую страницу, как сделать?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    setTimeout(() => {
       lication.href = "https://www.google.com/"; // ссылка, куда будет осуществлён переход
    }, 1000); // Время, когда будет исполнено действие внутри функции. 1000 = 1 секунда
    Ответ написан
    Комментировать