Не работает код versel 404 error почему?
здравствуйте у меня случилась проблема с versel сделал все как надо создал сайт но при открытии 404: NOT_FOUND
Code: NOT_FOUND
ID: fra1::j7t74-1687105919972-a183477d7fee
в live server работает
вот код
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/reset.css"> </head> <body> <header class="header"> <div class="header__top"> <div class="container"> <div class="header__top-inner"> <a class="header__logo logo" href="/"> <img src="/images/logo.svg" alt="Logo"> </a> <nav class="header__nav"> <ul class="header__nav-list"> <li class="header__nav-item"> <a class="header__nav-link" href="#about">About Us</a> </li> <li class="header__nav-item"> <a class="header__nav-link" href="#directions">Courses</a> </li> <li class="header__nav-item"> <a class="header__nav-link" href="#">Events</a> </li> <li class="header__nav-item"> <a class="header__nav-link" href="#blog">Blog</a> </li> <li class="header__nav-item"> <a class="header__nav-link" href="#info">Contacts</a> </li> </ul> </nav> <div class="header__btn-box"> <a class="header__top-btn button" href="#questions">Get consultation</a> <div class="header__user-nav"> <a class="header__user-btn" href="#">Log in</a> / <a class="header__user-btn" href="#">Register</a> </div> </div> </div> </div> </div> <div class="header__body"> <div class="container"> <div class="header__body-inner"> <div class="header__main"> <div class="header__content"> <a class="header__play" href="https://youtu.be/JFFOEhoWCFg" data-fancybox> <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="26" cy="26" r="26" fill="#FF3F3A" /> <path d="M32.5 25.134C33.1667 25.5189 33.1667 26.4811 32.5 26.866L23.5 32.0622C22.8333 32.4471 22 31.966 22 31.1962L22 20.8038C22 20.034 22.8333 19.5529 23.5 19.9378L32.5 25.134Z" fill="white" /> </svg> Play showreel </a> <h1 class="header__title"> Enjoy studying with Createx Online Courses </h1> <div class="header__content-buttons"> <a class="header__content-btn button button--empty" href="#"><span>About us</span></a> <a class="header__content-btn button" href="#">Explore courses</a> </div> </div> <img class="header__img" src="/images/hero-image.svg" alt=""> </div> </header> </body> </html> |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/reset.css"> </head> <body> <header class="header"> <div class="header__top"> <div class="container"> <div class="header__top-inner"> <a class="header__logo logo" href="/"> <img src="/images/logo.svg" alt="Logo"> </a> <nav class="header__nav"> <ul class="header__nav-list"> <li class="header__nav-item"> <a class="header__nav-link" href="#about">About Us</a> </li> <li class="header__nav-item"> <a class="header__nav-link" href="#directions">Courses</a> </li> <li class="header__nav-item"> <a class="header__nav-link" href="#">Events</a> </li> <li class="header__nav-item"> <a class="header__nav-link" href="#blog">Blog</a> </li> <li class="header__nav-item"> <a class="header__nav-link" href="#info">Contacts</a> </li> </ul> </nav> <div class="header__btn-box"> <a class="header__top-btn button" href="#questions">Get consultation</a> <div class="header__user-nav"> <a class="header__user-btn" href="#">Log in</a> / <a class="header__user-btn" href="#">Register</a> </div> </div> </div> </div> </div> <div class="header__body"> <div class="container"> <div class="header__body-inner"> <div class="header__main"> <div class="header__content"> <a class="header__play" href="https://youtu.be/JFFOEhoWCFg" data-fancybox> <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="26" cy="26" r="26" fill="#FF3F3A" /> <path d="M32.5 25.134C33.1667 25.5189 33.1667 26.4811 32.5 26.866L23.5 32.0622C22.8333 32.4471 22 31.966 22 31.1962L22 20.8038C22 20.034 22.8333 19.5529 23.5 19.9378L32.5 25.134Z" fill="white" /> </svg> Play showreel </a> <h1 class="header__title"> Enjoy studying with Createx Online Courses </h1> <div class="header__content-buttons"> <a class="header__content-btn button button--empty" href="#"><span>About us</span></a> <a class="header__content-btn button" href="#">Explore courses</a> </div> </div> <img class="header__img" src="/images/hero-image.svg" alt=""> </div> </header> </body> </html>
CSS
html,body{ font-family: Lato,sans-serif; font-size: 16px; } } .wrapper{ min-height: 100%; width: 100%; overflow: hidden; } .container{ max-width: 1230px; padding: 0 15px; margin: auto; } .logo{ } /*-------------------------------------------------------------------------------------------*/ .header { font-weight: 700; } .header__top { } .header__top-inner { padding: 20px 0; display: flex; justify-content: space-between; align-items: center; } .header__logo { margin-right: 60px; } .header__nav { margin-right: auto; } .header__nav-list { display: flex; font-weight: 700; line-height: 1.6 color:#424551; white-space: nowrap; } .header__nav-item { margin-right: 40px; } .header__nav-item:last-child { margin-right: 0px; } .header__nav-link { transition: all 300ms; } .header__nav-link:hover{ color: #FF3F3A; } .header__btn-box { line-height: 1.6; display: flex; } .header__top-btn { display: flex; } .button { transition: .3s; display: inline-block; margin-right: 36px; padding: 0px 40px;; font-weight: 700; letter-spacing: 0.5px; line-height: 52px; color:#FFFFFF; border-radius: 4px; background: linear-gradient(55.95deg, #FF3F3A 0%, #F75E05 100%); } .button:hover{ transform: scale(1.05); } .button--empty { background-image: none; border-left: 2px solid #FF3F3A; border-right: 2px solid #F75E05; background-image: -webkit-linear-gradient(left, #FF3F3A, #F75E05), -webkit-linear-gradient(left, #FF3F3A, #F75E05); background-image: linear-gradient(left, #FF3F3A, #F75E05), linear-gradient(left, #FF3F3A, #F75E05); background-size: 100% 2px; background-position: 0 100%, 0 0; background-repeat: no-repeat; background-clip: border-box; } .button--empty span { background: linear-gradient(55.95deg, #FF3F3A 0%, #F75E05 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .header__user-nav{ position: relative; padding-left: 28px; } .header__user-nav::before { content: ''; background: url(/images/icons/user-icon.svg) no-repeat; width: 20px; height: 20px; display: block; position: absolute; top: 50; left: 0; transform: translateY(-50)); } .header__user-btn { line-height: 1.6; white-space: nowrap; transition: all 300ms; } .header__user-btn:hover{ color: #FF3F3A; } .header__body { } .header__body-inner { } .header__main { display: flex; justify-content: space-between; align-items: center; color: #1E212C; margin-bottom: 60px; } .header__content { margin-right: 30px; } .header__play { display: inline-flex; align-items: center; margin-bottom: 24px; } .header__play svg { margin-right: 16px; border-radius: 50%; transition: all .3s; } .header__play:hover svg { box-shadow: 0 0 0 16px rgba(255, 63, 58, 0.12); } .header__title { font-weight: 900; font-size: 40px; line-height: 130%; max-width: 500px; } .header__content-buttons { display: flex; } .header__content-btn { } .header__img { } |
html,body{ font-family: Lato,sans-serif; font-size: 16px; } } .wrapper{ min-height: 100%; width: 100%; overflow: hidden; } .container{ max-width: 1230px; padding: 0 15px; margin: auto; } .logo{ } /*-------------------------------------------------------------------------------------------*/ .header { font-weight: 700; } .header__top { } .header__top-inner { padding: 20px 0; display: flex; justify-content: space-between; align-items: center; } .header__logo { margin-right: 60px; } .header__nav { margin-right: auto; } .header__nav-list { display: flex; font-weight: 700; line-height: 1.6 color:#424551; white-space: nowrap; } .header__nav-item { margin-right: 40px; } .header__nav-item:last-child { margin-right: 0px; } .header__nav-link { transition: all 300ms; } .header__nav-link:hover{ color: #FF3F3A; } .header__btn-box { line-height: 1.6; display: flex; } .header__top-btn { display: flex; } .button { transition: .3s; display: inline-block; margin-right: 36px; padding: 0px 40px;; font-weight: 700; letter-spacing: 0.5px; line-height: 52px; color:#FFFFFF; border-radius: 4px; background: linear-gradient(55.95deg, #FF3F3A 0%, #F75E05 100%); } .button:hover{ transform: scale(1.05); } .button--empty { background-image: none; border-left: 2px solid #FF3F3A; border-right: 2px solid #F75E05; background-image: -webkit-linear-gradient(left, #FF3F3A, #F75E05), -webkit-linear-gradient(left, #FF3F3A, #F75E05); background-image: linear-gradient(left, #FF3F3A, #F75E05), linear-gradient(left, #FF3F3A, #F75E05); background-size: 100% 2px; background-position: 0 100%, 0 0; background-repeat: no-repeat; background-clip: border-box; } .button--empty span { background: linear-gradient(55.95deg, #FF3F3A 0%, #F75E05 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .header__user-nav{ position: relative; padding-left: 28px; } .header__user-nav::before { content: ''; background: url(/images/icons/user-icon.svg) no-repeat; width: 20px; height: 20px; display: block; position: absolute; top: 50; left: 0; transform: translateY(-50)); } .header__user-btn { line-height: 1.6; white-space: nowrap; transition: all 300ms; } .header__user-btn:hover{ color: #FF3F3A; } .header__body { } .header__body-inner { } .header__main { display: flex; justify-content: space-between; align-items: center; color: #1E212C; margin-bottom: 60px; } .header__content { margin-right: 30px; } .header__play { display: inline-flex; align-items: center; margin-bottom: 24px; } .header__play svg { margin-right: 16px; border-radius: 50%; transition: all .3s; } .header__play:hover svg { box-shadow: 0 0 0 16px rgba(255, 63, 58, 0.12); } .header__title { font-weight: 900; font-size: 40px; line-height: 130%; max-width: 500px; } .header__content-buttons { display: flex; } .header__content-btn { } .header__img { }
если что извиняюсь только учусь
Дополнительно:
ресет.цсс перед своими стилями подключать надо, а лучше вообще не использовать
Ответы:
Возможно проблема не в коде, а в самом versel и его настройках.
Вы точно ввели правильный url? Может проблема с маршрутизацией?
- да копировал с versel
- я загрузил чисто html и он работает, так что что то в css
спасибо что предложили вариант решения
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Чтобы понять, почему код выдает ошибку 404 (Not Found), необходимо рассмотреть несколько возможных причин:
1. Проверьте правильность пути к файлу. Убедитесь, что путь указан верно и файл существует по указанному пути. Например, если вы пытаетесь обратиться к файлу "versel.php" в корневой директории, убедитесь, что файл действительно находится там.
2. Проверьте наличие файла .htaccess в корневой директории вашего проекта. В этом файле могут быть указаны правила перенаправления запросов, которые могут привести к ошибке 404. Убедитесь, что правила .htaccess не конфликтуют с вашим запросом.
3. Проверьте конфигурацию вашего веб-сервера. Возможно, файл versel.php не обрабатывается правильно сервером из-за неправильной настройки MIME-типов или других параметров.
4. Проверьте код самого файла versel.php. Возможно, в нем есть ошибка, из-за которой сервер возвращает ошибку 404. Убедитесь, что код файла написан корректно и не содержит опечаток или других ошибок.
Если после выполнения всех этих шагов проблема не будет решена, рекомендуется обратиться к документации вашего веб-сервера или хостинга за дополнительной поддержкой.