Discussoes de Programacao e Tecnologia

Css+jsp

17 respostas
M
Mathe

Olá estou com problema em chamar meu css dentro da minha jsp tentei com o seguinte código:

<head>
		<meta charset="utf-8"/>
		<link href="css/lista.css" rel="stylesheet" type="text/css"/>
		<style type="text/css">@import url("css/lista.css"); </style>
</head>

os arquivos estão nos seguintes diretórios:

Alura Desenvolvimento Front-End React Do primeiro componente à liderança técnica! HTML/CSS/JavaScript fundamental, React com hooks e...

17 Respostas

J
JeffersonMendes

Não consegui visualizar a imagem!

Onde voce colocou o seu arquivo .css ?
Caso não esteja coloque o arquivo dentro do WebContent.

M
Mathe

O arquivo ta dentro de uma pasta chamada de css que está dentro do web content

J
JeffersonMendes

Aparentemente esta tudo certo então.
Ja tentou usar somente isso:

&lt;head&gt;
&lt;link href="css/lista.css" rel="stylesheet" type="text/css"/&gt;
&lt;/head&gt;

Voce esta usando qual framework jsf ? qual versão?

M
Mathe

to usando jsp normal, tipo nem sei o que é jsf ainda, mas to usando Spring mvc

K
kaahxd

Está ai cara, você tem que ir nas configurações do seu spring e liberar os arquivos, por exemplo:

<mvc:annotation-driven />
	  <mvc:resources mapping="/resources/**" location="/resources/" />

Neste caso liberei todo conteúdo da minha pasta resources localizada dentro do WebContent

na JSP:

<c:url value="/resources/Estilo" var="Vcss" /> // Cria o link para pasta que desejo [ usando a taglib do grupo core]
<link rel="stylesheet" href="${Vcss}/MeuCss.css" /> // chamando o arquivo css

Espero ter ajudado, flws man

D
drsmachado

Mathe:
O arquivo ta dentro de uma pasta chamada de css que está dentro do web content

É, não.
Pela imagem, o diretório css está dentro de tarefas.
Logo, creio que o path correto do css seria

<link rel="stylesheet" href="tarefas/css/lista.css"/>
J
JeffersonMendes

Da uma estudada aqui cara:

http://translate.googleusercontent.com/translate_c?depth=1&hl=pt-BR&prev=/search%3Fq%3Dinclude%2Bcss%2Bjsp%2Bspring%26hl%3Dpt-BR%26biw%3D1280%26bih%3D827%26prmd%3Dimvnsfd&rurl=translate.google.com.br&sl=en&u=http://stackoverflow.com/questions/2231792/including-style-sheet-in-a-jsp-page-with-spring-mvc&usg=ALkJrhjuiVSlJzo7VnH4iPmHn46b2Z6Z9Q

CSS voce conhece bem? esta chamando certo no StyleClass="" ou no id=""?

M
Mathe

Sim conheço css bem velho, poisé a pasta css esta dentro de tarefas mas os jsp’s também estão dentro da pasta tarefas o que acaba dando na mesma, vou ver a questão da configuração do spring ali não sabia disso vlw galera

M
Mathe
kaahxd:
Está ai cara, você tem que ir nas configurações do seu spring e liberar os arquivos, por exemplo: 
<mvc:annotation-driven />
	  <mvc:resources mapping="/resources/**" location="/resources/" />

Neste caso liberei todo conteúdo da minha pasta resources localizada dentro do WebContent

na JSP:

<c:url value="/resources/Estilo" var="Vcss" /> // Cria o link para pasta que desejo [ usando a taglib do grupo core]
<link rel="stylesheet" href="${Vcss}/MeuCss.css" /> // chamando o arquivo css

Espero ter ajudado, flws man

AI velho eu tentei da seguinte forma no jsp:

<c:url value="/css" var="Vcss" />
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<link rel="stylesheet href="${Vcss}/lista.css" />
	</head>

e no xml:

<mvc:resources mapping="/css/**" location="/css/" />

E não ta pegando o estilo =|

D
drsmachado

Camarada, posta o html gerado.

M
Mathe

O código html inteiro está ai:

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<c:url value="/css" var="Vcss" />
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<link href="css/lista.css" rel="stylesheet" type="text/css"/>
		<style type="text/css">@import url("css/lista.css"); </style>
		<link rel="stylesheet href="${Vcss}/lista.css" />
	</head>
	<body id="corpo">
		<header>
			<a href="novaTarefa">Criar Nova tarefa</a>
			<br/> <br/>
		</header>
		<article>
			<table>
				<tr>
					<th>id</th>
					<th>Descrição</th>
				</tr>
				<c:forEach items="${tarefas}" var="tarefa">
					<tr>
						<td>${tarefa.id}</td>
						<td>${tarefa.descricao}</td>
						<td><a href="removeTarefa?id=${tarefa.id}">Remover tarefa</a></td>
						<td><a href="mostraTarefa?id=${tarefa.id}">Alterar</a></td>
					</tr>
				</c:forEach>
			</table>
		</article>
	</body>
</html>

esse xml :

<mvc:annotation-driven/>
		<mvc:resources mapping="/css/*" location="/css/" />

que pediram para colocar está dando o seguinte erro:

type Exception report

message Servlet.init() for servlet springmvc threw exception

description The server encountered an internal error that prevented it from fulfilling this request.

exception

javax.servlet.ServletException: Servlet.init() for servlet springmvc threw exception
	org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:472)
	org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:99)
	org.apache.catalina.valves.AccessLogValve.invoke(AccessLogValve.java:929)
	org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:407)
	org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1002)
	org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:585)
	org.apache.tomcat.util.net.JIoEndpoint$SocketProcessor.run(JIoEndpoint.java:312)
	java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1110)
	java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:603)
	java.lang.Thread.run(Thread.java:722)
root cause

org.springframework.beans.factory.xml.XmlBeanDefinitionStoreException: Line 15 in XML document from ServletContext resource [/WEB-INF/springmvc-servlet.xml] is invalid; nested exception is org.xml.sax.SAXParseException; lineNumber: 15; columnNumber: 54; cvc-complex-type.2.4.c: O curinga correspondente é restrito, mas nenhuma declaração pode ser encontrada para o elemento 'mvc:resources'.
	org.springframework.beans.factory.xml.XmlBeanDefinitionReader.doLoadBeanDefinitions(XmlBeanDefinitionReader.java:396)
	org.springframework.beans.factory.xml.XmlBeanDefinitionReader.loadBeanDefinitions(XmlBeanDefinitionReader.java:334)
	org.springframework.beans.factory.xml.XmlBeanDefinitionReader.loadBeanDefinitions(XmlBeanDefinitionReader.java:302)
	org.springframework.beans.factory.support.AbstractBeanDefinitionReader.loadBeanDefinitions(AbstractBeanDefinitionReader.java:143)
	org.springframework.beans.factory.support.AbstractBeanDefinitionReader.loadBeanDefinitions(AbstractBeanDefinitionReader.java:178)
	org.springframework.beans.factory.support.AbstractBeanDefinitionReader.loadBeanDefinitions(AbstractBeanDefinitionReader.java:149)
	org.springframework.web.context.support.XmlWebApplicationContext.loadBeanDefinitions(XmlWebApplicationContext.java:124)
	org.springframework.web.context.support.XmlWebApplicationContext.loadBeanDefinitions(XmlWebApplicationContext.java:93)
	org.springframework.context.support.AbstractRefreshableApplicationContext.refreshBeanFactory(AbstractRefreshableApplicationContext.java:130)
	org.springframework.context.support.AbstractApplicationContext.obtainFreshBeanFactory(AbstractApplicationContext.java:465)
	org.springframework.context.support.AbstractApplicationContext.refresh(AbstractApplicationContext.java:395)
	org.springframework.web.servlet.FrameworkServlet.createWebApplicationContext(FrameworkServlet.java:443)
	org.springframework.web.servlet.FrameworkServlet.createWebApplicationContext(FrameworkServlet.java:459)
	org.springframework.web.servlet.FrameworkServlet.initWebApplicationContext(FrameworkServlet.java:340)
	org.springframework.web.servlet.FrameworkServlet.initServletBean(FrameworkServlet.java:307)
	org.springframework.web.servlet.HttpServletBean.init(HttpServletBean.java:127)
	javax.servlet.GenericServlet.init(GenericServlet.java:160)
	org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:472)
	org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:99)
	org.apache.catalina.valves.AccessLogValve.invoke(AccessLogValve.java:929)
	org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:407)
	org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1002)
	org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:585)
	org.apache.tomcat.util.net.JIoEndpoint$SocketProcessor.run(JIoEndpoint.java:312)
	java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1110)
	java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:603)
	java.lang.Thread.run(Thread.java:722)
root cause

org.xml.sax.SAXParseException; lineNumber: 15; columnNumber: 54; cvc-complex-type.2.4.c: O curinga correspondente é restrito, mas nenhuma declaração pode ser encontrada para o elemento 'mvc:resources'.
	com.sun.org.apache.xerces.internal.util.ErrorHandlerWrapper.createSAXParseException(ErrorHandlerWrapper.java:198)
	com.sun.org.apache.xerces.internal.util.ErrorHandlerWrapper.error(ErrorHandlerWrapper.java:134)
	com.sun.org.apache.xerces.internal.impl.XMLErrorReporter.reportError(XMLErrorReporter.java:437)
	com.sun.org.apache.xerces.internal.impl.XMLErrorReporter.reportError(XMLErrorReporter.java:368)
	com.sun.org.apache.xerces.internal.impl.XMLErrorReporter.reportError(XMLErrorReporter.java:325)
	com.sun.org.apache.xerces.internal.impl.xs.XMLSchemaValidator$XSIErrorReporter.reportError(XMLSchemaValidator.java:449)
	com.sun.org.apache.xerces.internal.impl.xs.XMLSchemaValidator.reportSchemaError(XMLSchemaValidator.java:3228)
	com.sun.org.apache.xerces.internal.impl.xs.XMLSchemaValidator.handleStartElement(XMLSchemaValidator.java:1908)
	com.sun.org.apache.xerces.internal.impl.xs.XMLSchemaValidator.emptyElement(XMLSchemaValidator.java:757)
	com.sun.org.apache.xerces.internal.impl.XMLNSDocumentScannerImpl.scanStartElement(XMLNSDocumentScannerImpl.java:353)
	com.sun.org.apache.xerces.internal.impl.XMLDocumentFragmentScannerImpl$FragmentContentDriver.next(XMLDocumentFragmentScannerImpl.java:2715)
	com.sun.org.apache.xerces.internal.impl.XMLDocumentScannerImpl.next(XMLDocumentScannerImpl.java:607)
	com.sun.org.apache.xerces.internal.impl.XMLNSDocumentScannerImpl.next(XMLNSDocumentScannerImpl.java:116)
	com.sun.org.apache.xerces.internal.impl.XMLDocumentFragmentScannerImpl.scanDocument(XMLDocumentFragmentScannerImpl.java:488)
	com.sun.org.apache.xerces.internal.parsers.XML11Configuration.parse(XML11Configuration.java:835)
	com.sun.org.apache.xerces.internal.parsers.XML11Configuration.parse(XML11Configuration.java:764)
	com.sun.org.apache.xerces.internal.parsers.XMLParser.parse(XMLParser.java:123)
	com.sun.org.apache.xerces.internal.parsers.DOMParser.parse(DOMParser.java:240)
	com.sun.org.apache.xerces.internal.jaxp.DocumentBuilderImpl.parse(DocumentBuilderImpl.java:300)
	org.springframework.beans.factory.xml.DefaultDocumentLoader.loadDocument(DefaultDocumentLoader.java:75)
	org.springframework.beans.factory.xml.XmlBeanDefinitionReader.doLoadBeanDefinitions(XmlBeanDefinitionReader.java:388)
	org.springframework.beans.factory.xml.XmlBeanDefinitionReader.loadBeanDefinitions(XmlBeanDefinitionReader.java:334)
	org.springframework.beans.factory.xml.XmlBeanDefinitionReader.loadBeanDefinitions(XmlBeanDefinitionReader.java:302)
	org.springframework.beans.factory.support.AbstractBeanDefinitionReader.loadBeanDefinitions(AbstractBeanDefinitionReader.java:143)
	org.springframework.beans.factory.support.AbstractBeanDefinitionReader.loadBeanDefinitions(AbstractBeanDefinitionReader.java:178)
	org.springframework.beans.factory.support.AbstractBeanDefinitionReader.loadBeanDefinitions(AbstractBeanDefinitionReader.java:149)
	org.springframework.web.context.support.XmlWebApplicationContext.loadBeanDefinitions(XmlWebApplicationContext.java:124)
	org.springframework.web.context.support.XmlWebApplicationContext.loadBeanDefinitions(XmlWebApplicationContext.java:93)
	org.springframework.context.support.AbstractRefreshableApplicationContext.refreshBeanFactory(AbstractRefreshableApplicationContext.java:130)
	org.springframework.context.support.AbstractApplicationContext.obtainFreshBeanFactory(AbstractApplicationContext.java:465)
	org.springframework.context.support.AbstractApplicationContext.refresh(AbstractApplicationContext.java:395)
	org.springframework.web.servlet.FrameworkServlet.createWebApplicationContext(FrameworkServlet.java:443)
	org.springframework.web.servlet.FrameworkServlet.createWebApplicationContext(FrameworkServlet.java:459)
	org.springframework.web.servlet.FrameworkServlet.initWebApplicationContext(FrameworkServlet.java:340)
	org.springframework.web.servlet.FrameworkServlet.initServletBean(FrameworkServlet.java:307)
	org.springframework.web.servlet.HttpServletBean.init(HttpServletBean.java:127)
	javax.servlet.GenericServlet.init(GenericServlet.java:160)
	org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:472)
	org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:99)
	org.apache.catalina.valves.AccessLogValve.invoke(AccessLogValve.java:929)
	org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:407)
	org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1002)
	org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:585)
	org.apache.tomcat.util.net.JIoEndpoint$SocketProcessor.run(JIoEndpoint.java:312)
	java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1110)
	java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:603)
	java.lang.Thread.run(Thread.java:722)
note The full stack trace of the root cause is available in the Apache
D
drsmachado

O html gerado, não o fonte do jsp…
Sabe, aquele que o browser mostra quando você clica com o botão direito e seleciona a opção “Exibir código fonte”.

M
Mathe 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<link rel="stylesheet" href="css/lista.css" text="text/css"/>
	</head>
	<body id="corpo">
		<header>
			<a href="novaTarefa">Criar Nova tarefa</a>
			<br/> <br/>
		</header>
		<article>
			<table>
				<tr>
					<th>id</th>
					<th>Descrição</th>
				</tr>
				
					<tr>
						<td>20</td>
						<td>asdasdasd</td>
						<td><a href="removeTarefa?id=20">Remover tarefa</a></td>
						<td><a href="mostraTarefa?id=20">Alterar</a></td>
					</tr>
				
					<tr>
						<td>21</td>
						<td>asdasdasdasdasd</td>
						<td><a href="removeTarefa?id=21">Remover tarefa</a></td>
						<td><a href="mostraTarefa?id=21">Alterar</a></td>
					</tr>
				
			</table>
		</article>
	</body>
</html>
K
kaahxd

quando você abre o codigo fonte no navegador, e clica no link para o css o que acontece?

M
Mathe

Da erro 404 mas os diretórios estão corretos aff oisdajdsa vo ver aqui pera

K
kaahxd

Cara verifica o seu xml do spring mais ou menos linha 15 tá dando erro no mvc:resource verifica se o caminho está certo, mantenha os 2 asteriscos, vai lendo os erros e qualquer coisa posta aqui

M
Mathe

<mvc:resources mapping="/css/**" location="/css/"/>

a linha 15 que vc falou velho ta assim não tem nada de errado =|

Eu teria que colocar o caminho inteiro desde o web content ou apartir do jsp?

Criado 5 de novembro de 2012
Ultima resposta 5 de nov. de 2012
Respostas 17
Participantes 4

Topicos relacionados

Nota Fiscal Eletrônica - Certificados 9 respostas [RESOLVIDO]Asterisco em campos required [+JSF] 9 respostas JSF - Problema com redirecionamento de Páginas 11 respostas [RESOLVIDO]Banco de dados com Tomcat 10 respostas Problemas com PrimeFaces no Chrome e Firefox (RESOLVIDO) 7 respostas
Alura O que é Python? — um guia completo para iniciar nessa linguagem de programação Acesse agora o guia sobre Python e inicie sua jornada nessa linguagem de programação: o que é e para que serve, sua sintaxe e como iniciar nela!
Casa do Codigo Guia pratico de TypeScript: Melhore suas aplicacoes... Por Thiago da Silva Adriano — Casa do Codigo