Внутри моего приложения Java EE я создал страницу jsp следующим образом: я создаю таблицу, показывающую полеты в строках. Полеты находятся в списке «fList» под атрибутом запроса «flight_list».
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="../../resources/css/styles.css"
type="text/css" />
</head>
<body>
<h1>List of Flights</h1>
<table>
<tr>
<th>From</th>
<th>To</th>
<th>Time</th>
<th>Price</th>
<th>Airplane</th>
<th>Seating</th>
<th>Number of Pilotes</th>
<th>Pilots names</th>
</tr>
<%
List<Flight> fList = (List<Flight>) request.getAttribute("flight_list");
for (Integer i = 0; i < fList.size(); i++) {
%>
<tr>
<td><%=fList.get(i).getFlightOrigin()%></td>
<td><%=fList.get(i).getFlightDestination()%></td>
<td><%=fList.get(i).getFlightTime()%></td>
<td><%=fList.get(i).getPrice()%></td>
</tr>
<%
}
%>
</table>
</body>
</html>
И styles.css следующим образом
h1{
font-family: Trebuchet MS;
}
table {
display: block;
font-family: sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 115%;
overflow: auto;
width: auto;
}
th {
background-color: #1e90ff;
color: white;
font-weight: normal;
padding: 20px 30px;
text-align: center;
}
td {
background-color: rgb(238, 238, 238);
color: rgb(111, 111, 111);
padding: 20px 30px;
}
Здесь вы видите структуру моего проекта
- WebContent -> WEB-INF -> вид -> полеты-list.jsp
- WebContent -> ресурсы -> CSS -> styles.css
Структура проекта
CSS-эффекты видны только в затмении
Файл CSS загружается только на вкладке предварительного просмотра JSP. Проблема в том, что они не появляются в браузере, если я не поместил код CSS внутри <style>...</styles> .
Пожалуйста, помогите мне правильно загрузить страницу в моем браузере.