CSS не работает при запуске программы, но работает, когда я не - PullRequest
0 голосов
/ 09 декабря 2018

Когда я запускаю свой код, CSS для моего html не применяется.

Страница с кодом, выполняющимся

Но когда я использую встроенный HTML-дисплей дляChrome в Intellij это работает.

Страница без запуска кода

Мы программируем на Java и используем среду Spring для создания веб-сайта.Пробовал все, что я мог найти по этому вопросу.

Однако он работает нормально, если я не использую таблицу стилей, а реализую стиль непосредственно в HTML, но я не хочу загромождать все HTMLстраницы со стилем.

В моем html я использовал:

<head>
<link rel="stylesheet" type="text/css" href="static/style.css" />
</head>

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

Редактировать:

Код в моем контроллере

@GetMapping("/")
public String home(Model model) {

    if (currentUser==null) {
        return "home";
    } else {
        model.addAttribute("userOnline",currentUser);
        return "adminView/aHome";
    }
}

CSS не работает ни на одной из страниц, но я начинаю с первой страницы:

<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="/static/style.css" />
</head>

<body>
<div class="navbar">
    <a href="home">Home</a>
    <a href="portfolio">Portfolio</a>
    <a href="contact">Contact</a>
    <a href="login">Login</a>
</div>
<div class="main">
    <h1>Fixed Top Menu</h1>
</div>

</body>
</html>

Структура выглядит следующим образом

Когда я запускаю свою программу на http://localhost:8888/, она не работает, но у intellij есть функция, которая показываетмне страницу в chrome, где он отправляет меня на http://localhost:63342/demo/templates/home.html?_ijt=kd3vqt392jk8ggqv8ctthtemsi#contact, когда он делает это работает.

Edit 2:

Ничего, что я пробовал, работало, но теперь работает, понятия не имеюпочему.

1 Ответ

0 голосов
/ 09 декабря 2018

Скорее всего это что-то с filepath.Если вы используете HTML5, сделайте следующее:

<head>
<link rel="stylesheet" href="static/style.css">
</head>

Если это не сработает, проверьте путь к файлу CSS к документу.Возможно, вам не хватает /, /static/style.css или ../static/style.css и т. Д. Трудно решить проблему, не видя код и т. Д., Но это единственное решение, которое я могу найти прямо сейчас.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...