powered by simpleCommunicator - 2.0.49     © 2025 Programmizd 02
Форумы / Java [игнор отключен] [закрыт для гостей] / Не могу найти в чем ошибка
25 сообщений из 27, страница 1 из 2
Не могу найти в чем ошибка
    #39813446
fallen2019
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Я пишу проект на спринге-мвс так вот, мне нужно поставить фоновое-изображение на сайт. Вроде html+css правильно написал. Но он не работает, может проблема с сервером, можете посмотреть из-ха чего не показывает фоновое-изображение.

Web.XML

Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
    id="WebApp_ID" version="3.0">

  <filter>
    <filter-name>encodingFilter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
      <param-name>encoding</param-name>
      <param-value>UTF-8</param-value>
    </init-param>
    <init-param>
      <param-name>forceEncoding</param-name>
      <param-value>true</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>encodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

  <error-page>
    <location>/errors</location>
  </error-page>

</web-app>



Index.JSP

Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
<%@page contentType="text/html" pageEncoding="UTF-8" isELIgnored="false"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <link href="style.css" rel="stylesheet">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
        <link href="../css/style.css" rel="stylesheet" type="text/css">

        <style><%@include file="/css/style.css"%></style>


        <title>Home Page</title>
        
        

   

<body>
    <body class="bg-full">
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">School</a>
        </div>
        <ul class="nav navbar-nav">
            <li class="active"><a href="#">Главная</a></li>
            <li><a href="#">Наш университет</a></li>
            <li><a href="#">Электронный журнал</a></li>
            <li><a href="#">Студенты</a></li>
            <li><a href="#">Фотогалерея</a></li>
            <li><a href="#">Карьера</a></li>
            <li><a href="#">Контакты</a></li>
        </ul>
        <form class="navbar-form navbar-left" action="/action_page.php">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Search" name="search">
            </div>
            <button type="submit" class="btn btn-default">Поиск</button>
        </form>
    </div>
</nav>

<div class="container">

</div>

<div class="container">

</div>


<div class="bg">
    <div class ="pokaz">
        <form action="allStudents" method="post">
            <input class="btn btn-primary" type="submit" value="Показать всех студентов">
        </form>

    </div>
</div>
</body>
</html>



Style.CSS

Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
.bg-full { 
    background-image: url('../../images/home.jpg'); 
    background-repeat: no-repeat; 
    background-size: cover;
    position: relative; 
    height: 100%; }


.bg{
    background-color: black;
}
.it{
  width:80%;
  margin:auto;
}


.pokaz{
   
   margin: 0;
    
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
   
   
}

.add{
   width:80%;
  margin:auto;
}



Расположение файлов в картинке (могу позже исходные коды закинуть)
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813464
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fallen2019,

Нужно создать файл test.htm с фоновой картинкой и проверить совпадение с твоим кодом на правый клик мышкой - исходный код.
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813483
Фотография Пылинка
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fallen2019,
Не понял - при чем тут JAVA?
Начни отсюда - http://design-mania.ru/web-design/html-css/css-background/
PS а путь прописать разный не пробовал, прежде чем сюда писать?
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813487
fallen2019
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Пылинка,

В том и дело я разные пути пробывал, думаю все же может дело в java коде, там с сервером проблема и тд
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813518
vas0
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fallen2019,

Должен быть полный путь до твоих css и вместо
Код: html
1.
2.
        <link href="style.css" rel="stylesheet">
        <link href="../css/style.css" rel="stylesheet" type="text/css"

должно быть
Код: html
1.
2.
    <link rel="stylesheet" href='<%=request.getContextPath()%>/css/style.css'>
    <link rel="stylesheet" href='<c:url value="/css/style.css"/>'/> если используешь JSTL
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813537
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fallen2019,

F4 в эксплорере - отладка.
Кому счас легко?
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813538
fallen2019
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
vas0,

Я попробывал но все равно не показывает
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813544
vas0
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fallen2019,

Код: html
1.
<style><%@include file="/css/style.css"%></style>


так лучше не делать, делай так как я написал выше. Разберись с путями. И в самой css путь нужно тоже поправить.
Будет что то типа background-image: url('/images/home.jpg');

проверь из браузера где у тебя твои сss а где images

http://localhost:8080/<твой-контекст>/css/style.css
http://localhost:8080/<твой-контекст>/images/home.jpg
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813547
fallen2019
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
vas0,
Я же все правильно заменил?
Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
<%@page contentType="text/html" pageEncoding="UTF-8" isELIgnored="false"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <link rel="stylesheet" href='<%=request.getContextPath()%>/css/style.css'>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
       <link rel="stylesheet" href='<c:url value="/css/style.css"/>'/> 

        <style><%@include file="/css/style.css"%></style>


        <title>Home Page</title>
        
        
        
    <img class='img' src='../../images/home.jpg'>
    <style>
        html { 
            background-image: url("../../images/home.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            height: 100%;
        }
    </style>
</head>

<body>
<body class="bg-full">
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">School</a>
        </div>
        <ul class="nav navbar-nav">
            <li class="active"><a href="#">Главная</a></li>
            <li><a href="#">Наш университет</a></li>
            <li><a href="#">Электронный журнал</a></li>
            <li><a href="#">Студенты</a></li>
            <li><a href="#">Фотогалерея</a></li>
            <li><a href="#">Карьера</a></li>
            <li><a href="#">Контакты</a></li>
        </ul>
        <form class="navbar-form navbar-left" action="/action_page.php">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Search" name="search">
            </div>
            <button type="submit" class="btn btn-default">Поиск</button>
        </form>
    </div>
</nav>

<div class="container">

</div>

<div class="container">

</div>


<div class="bg">
    <div class ="pokaz">
        <form action="allStudents" method="post">
            <input class="btn btn-primary" type="submit" value="Показать всех студентов">
        </form>

    </div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813549
fallen2019
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
fallen2019,

Вот так просто файлом показывает
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813551
vas0
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fallen2019,

Код: html
1.
2.
3.
        <link rel="stylesheet" href='<%=request.getContextPath()%>/css/style.css'>
       <link rel="stylesheet" href='<c:url value="/css/style.css"/>'/> 
        <style><%@include file="/css/style.css"%></style>



эти три вещи это у тебя одно и то же, оставь только первый вариант. Но проверь что вариант у тебя рабочий.
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813554
fallen2019
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
vas0,

Когда я оставил один стили пропали, а вот когда оставил эти две стили сработали но с фото так же не отображает
Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <link rel="stylesheet" href='<%=request.getContextPath()%>/css/style.css'>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
       

        <style><%@include file="/css/style.css"%></style>
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813565
vas0
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fallen2019,

Код: html
1.
<img class='img' src='../../images/home.jpg'>



В секцию head img писать не надо, перенести его в body.
Дальше в строке браузера смотри где у тебя лежат картинки, http://localhost:8080/SchoolMaven/images/home.jpg
Потом открывай свою html в режиме "Посмотреть код страницы", смотри несоотвествие и исправляй.
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813568
vas0
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fallen2019vas0,

Когда я оставил один стили пропали, а вот когда оставил эти две стили сработали но с фото так же не отображает
Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <link rel="stylesheet" href='<%=request.getContextPath()%>/css/style.css'>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
       

        <style><%@include file="/css/style.css"%></style>

значит в первом варианте что то неправильно по путям, и отрабатывает <%@include file ... но так обычно css к проекту не цепляют.
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813569
fallen2019
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
vas0,

http://localhost:8080/SchoolMaven/images/home.jpg

Когда перехожу выскакивает вот такая ошибка
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813578
vas0
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fallen2019,

а блин, у тебя же папки css и images лежат в WEB-INF, а эта директория недоступна извне. Нужно перенести эти директории на тот же уровень что и WEB-INF
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813593
fallen2019
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
vas0,
Я же все правильно переместил? CSS у меня в WEB-INF. А картинка вне WEB-INF
Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
<%@page contentType="text/html" pageEncoding="UTF-8" isELIgnored="false"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <link href="style.css" rel="stylesheet">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
        <link href="../css/style.css" rel="stylesheet" type="text/css">
        <style><%@include file="/WEB-INF/css/style.css"%></style>

        
    

        <title>Home Page</title>

    </head>
  
         <body>
             <img class='img' src='../../images/home.jpg'>
         <style>
         html { 
             background-image: url(../../images/home.jpg);
             background-repeat: no-repeat;
             background-size: cover;
             position: relative;
             height: 100%;
         }
         </style>
        
         <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">School</a>
            </div>
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Главная</a></li>
                <li><a href="#">Наш университет</a></li>
                <li><a href="#">Электронный журнал</a></li>
                <li><a href="#">Студенты</a></li>
                <li><a href="#">Фотогалерея</a></li>
                <li><a href="#">Карьера</a></li>
                <li><a href="#">Контакты</a></li>
            </ul>
            <form class="navbar-form navbar-left" action="/action_page.php">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search" name="search">
                </div>
                <button type="submit" class="btn btn-default">Поиск</button>
            </form>
        </div>
    </nav>

    <div class="container">

    </div>

    <div class="container">
        
    </div>


    <div class="bg">
        <div class ="pokaz">
            <form action="allStudents" method="post">
                 <input class="btn btn-primary" type="submit" value="Показать всех студентов">
            </form>

        </div>
    </div>
</body>
</html>
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813602
vas0
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fallen2019,

Ресурсы на которые ты ссылаешься из своих html должны быть доступны (не должны лежать WEB-INF). Обычно это css, images, javascript - директории.

http://localhost:8080/SchoolMaven/images/home.jpg если картинка у тебя в браузере отображается, то теперь смотри код страницы.

Такой вариант должен правильно отработать <img class='img' src='<%=request.getContextPath()%>/images/home.jpg'>
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813714
alex55555
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fallen2019Я попробывал но все равно...
А зачем у тебя в html два body?
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813809
fallen2019
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
vas0,
Вот так правильно же написал
Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
<%@page contentType="text/html" pageEncoding="UTF-8" isELIgnored="false"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <link href="style.css" rel="stylesheet">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
        <link href="../css/style.css" rel="stylesheet" type="text/css">
        <style><%@include file="/css/style.css"%></style>

        
    

        <title>Home Page</title>

    </head>
  
         <body>
             <img class='img' src='<%=request.getContextPath()%>/images/home.jpg'>
         <style>
         html { 
             background-image: url(/images/home.jpg);
             background-repeat: no-repeat;
             background-size: cover;
             position: relative;
             height: 100%;
         }
         </style>
        
         <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">School</a>
            </div>
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Главная</a></li>
                <li><a href="#">Наш университет</a></li>
                <li><a href="#">Электронный журнал</a></li>
                <li><a href="#">Студенты</a></li>
                <li><a href="#">Фотогалерея</a></li>
                <li><a href="#">Карьера</a></li>
                <li><a href="#">Контакты</a></li>
            </ul>
            <form class="navbar-form navbar-left" action="/action_page.php">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search" name="search">
                </div>
                <button type="submit" class="btn btn-default">Поиск</button>
            </form>
        </div>
    </nav>

    <div class="container">

    </div>

    <div class="container">
        
    </div>


    <div class="bg">
        <div class ="pokaz">
            <form action="allStudents" method="post">
                 <input class="btn btn-primary" type="submit" value="Показать всех студентов">
            </form>

        </div>
    </div>
</body>
</html>
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813820
Фотография SQL2008
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
alex55555fallen2019Я попробывал но все равно...
А зачем у тебя в html два body?
Один запасной! Если откажет первый.
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813822
Фотография SQL2008
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<body>
             <img class='img' src='<%=request.getContextPath()%>/images/home.jpg'>
         <style>
         html { 
             background-image: url(/images/home.jpg);
             background-repeat: no-repeat;
             background-size: cover;
             position: relative;
             height: 100%;
         }
         </style>


А что сейчас модно определять стили в BODY?
Всегда делал это в HEAD... я отстал от жизни?
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813825
fallen2019
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
SQL2008,

Я в head попробовал тоже не получилось
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813828
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fallen2019SQL2008,

Я в head попробовал тоже не получилось
Еще раз. Сделай html файл без веб сервера рабочий.
...
Рейтинг: 0 / 0
Не могу найти в чем ошибка
    #39813829
fallen2019
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Petro123,

Запустить его без томката?
...
Рейтинг: 0 / 0
25 сообщений из 27, страница 1 из 2
Форумы / Java [игнор отключен] [закрыт для гостей] / Не могу найти в чем ошибка
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]