Помощь с библиотекой eel, не работает скрипт css! Спасите!

popik3000

Новичок
Пользователь
Сен 7, 2020
10
0
1
Решил перенести программу на eel! Но при создании красивого интерфейса со скриптом css возникли проблемы(я никогда не пользовался css)! Я долго искал ответ но не нашел его. Помогите пожалуйста исправить код или помогите найти форум на котором я возможно бы нашел ответ! Я пользуюсь python 3.8 и у меня 10 win 64-bit.
Вот скрипт:
Файл python
Python:
import eel

eel.init("web")

eel.start("main.html", size=(700, 700))
Вот html
HTML:
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <script src="eel.js"></script>
    <link rel="icon" type="image/png" href="/favicon.png">

    <link rel="stylesheet" href="fff.css" >
    <link href="http://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
</head>
<body>

     <input id="location" type="text" placeholder="dddd"  required="" value="Я">
     <button id="show">Что-нибудь</button>
     <div class="info">
    
     </div>

</body>
</html>
Скрипт CSS
CSS:
*{
    font-family: "Roboto", sans-serif;
    box-sizing: border-box;
    font-weight: 300;
}

body {
    background: #FF5F6D;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFC371, #FF5F6D);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    color: white;

}

#location {
    display: block;
    border: none;
    background: rgba(255, 255, 255, .5);
    border-radius: 10px;
    padding: 20px;
    color: white;
    outline: none;
    width: 100%;
    font-size: 30px;

}

#location::placeholder {
    color: rgba(255, 255, 255, .5);
}

#show {
    display: block;
    border: none;
    margin-top: 15px;

    background: #16BFFD;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #CB3066, #16BFFD);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #CB3066, #16BFFD); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    border-radius: 10px;
    padding: 20px;
    color: white;
    outline: none;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

#show:hover {
    opacity: .9;
}
 

MonaCCi

Пользователь
Пользователь
Сен 30, 2020
66
11
8
16
Какие проблемы-то возникли?
 

popik3000

Новичок
Пользователь
Сен 7, 2020
10
0
1
Какие проблемы-то возникли?
Когда я код html запускаю всё работает, а когда с питоном то не отображает CSS
 

stud_55

Модератор
Команда форума
Модератор
Апр 3, 2020
1 522
672
113
Когда я код html запускаю всё работает, а когда с питоном то не отображает CSS
Может css файл лежит в другой папке (файлы main.html и fff.css должны лежать в папке web, которая должна лежать в папке с .py файлом)
Запустил ваш код css на месте.
 

popik3000

Новичок
Пользователь
Сен 7, 2020
10
0
1
Может css файл лежит в другой папке (файлы main.html и fff.css должны лежать в папке web, которая должна лежать в папке с .py файлом)
Запустил ваш код css на месте.
Тут тоже правильно!
 

popik3000

Новичок
Пользователь
Сен 7, 2020
10
0
1
В интернете 0 документации
 

MonaCCi

Пользователь
Пользователь
Сен 30, 2020
66
11
8
16
В интернете 0 документации
 

Форум IT Специалистов