como linkar de forma correta minhas folhas de estilo no meu projeto JSP Servlet? Segue abaixo a estrutura do meu projeto.
Também não sei se a hierarquiaesta correta. Me ajudem.
Já tentei ../webapp/style/estilo.css e nada. Tentei modificar e colocar a folha de estilo na pasta webapp e linkar:
<link rel="stylesheet" type="text/css" href="estilo.css" >
Mas não dá, e tipo na página fica só uma borda, não puxa tudo...
Página INICIO.JSP
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ page import="javax.servlet.http.HttpSession" %>
<%@ page import="br.edu.unilasalle.model.*" %>
<!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">
<title>Insert title here</title>
<link href="style/estilo.css" rel="stylesheet"/>
</head>
<body class="fundo">
<h1>Menu Principal</h1>
<h3>Opções</h3>
<a href='CadastroUsuario.jsp'>Cadastro de Usuário</a><br>
<a href='CadastroBancos.jsp'>Cadastro de Bancos</a><br>
<a href='CadastroCategorias.jsp'>Cadastro de Categorias</a>
<%
if(request.getSession(true).getAttribute("usuario")!=null){
Usuario usuario=
(Usuario)request.getSession(true).getAttribute("usuario");
%>
<p>
Usuário: <%=usuario.getId()%>. <%=usuario.getNomeCompleto() %> <a
href="LogoutController">Sair</a>
</p>
<%} %>
</body>
</html>
Página de estilo.css
@CHARSET "ISO-8859-1";
body{
background: rgba(0,77,153,0.6);
border: 4px solid #8080c0;
margin: 200px 500px 0px 500px;
border-radius: 125px;
}
div {
color: white;
font-family: 'Times New Roman';
font-size: 20px;
padding: 80px;
padding-bottom: 60px;
}
#acesso{
margin-bottom: 5px;
margin-left: 150px;
font-family: 'Times New Roman';
color: blue;
}
.fundo{
background: url('../WebContent/img/wallpaper.jpg') no-repeat center;
margin:0;
padding:0;
background-size:cover;
}