0

style.css

html { 
    background-image: url(images/home-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 100%;
}

Index.jsp

<%@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>

         <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">KazNIC</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>

Расположение файлов

введите сюда описание изображения

Вынес из папки введите сюда описание изображения

6
  • Вам наверно не сказали что все что находит в папке WEB-INF закрыто с браузера. Переместите стили на уровень папки с картинками.
    – Tsyklop
    14 мая 2019 в 9:30
  • Вот такая ошибка - /WEB-INF/views/index.jsp (line: [15], column: [16]) File [/WEB-INF/css/style.css] not found
    – damagedd
    14 мая 2019 в 9:35
  • об этом я и говорю. Вынесите стили из папки веб-инф
    – Tsyklop
    14 мая 2019 в 9:43
  • Посмотрите я правил вопрос(правильно же вынес)
    – damagedd
    14 мая 2019 в 9:48
  • вы вынесли, а пусть в jsp исправили?
    – Tsyklop
    14 мая 2019 в 10:51

1 ответ 1

0

Попробуй вставить картинку через

<img src='images/home-bg.jpg'>
~~
Если не получиться значит проблема в пути. Или может быть проблема в картинке, попробуй таким же способом вставить другую картинку.
<img src='images/...'>
Ты так же можешь добавить класс и манипулировать картинкой добавлять позиционирование и тд
<img class='img' src='images/home-bg.jpg'>
<style>
html { 
    background-image: url(images/home-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 100%;
}
</style>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.