8
respostas

A aplicação não acha a url dos css

<link href="${contextPath}resources/css/cssbase-min.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700'
            rel='stylesheet'/>
        <link href="${contextPath}src/main/webapp/resources/css/fonts.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="${contextPath}src/main/webapp/resources/css/fontello-ie7.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="${contextPath}src/main/webapp/resources/css/fontello-embedded.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="${contextPath}src/main/webapp/resources/css/fontello.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="<%=request.getContextPath()%>/resources/css/style.css"
            rel="stylesheet" type="text/css" media="all" />
        <link type="text/css" rel="style" href="<c:url value="/resources/css/layout-colors.css"/>"/>

        <link href="${contextPath}src/main/webapp/resources/css/responsive-style.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="${contextPath}src/main/webapp/resources/css/guia-do-programador-style.css" 
            rel="stylesheet" type="text/css"  media="all"  />
        <link href="${contextPath}src/main/webapp/resources/css/produtos.css" 
            rel="stylesheet" type="text/css"  media="all"  />
        <link rel="canonical" href="http://www.casadocodigo.com.br/" />    
</head>

Código fonte da página - como fica

<!DOCTYPE html>
<html>
<head>

      <meta charset="utf-8"/>
          <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
          <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
        <link rel="icon"
            href="//cdn.shopify.com/s/files/1/0155/7645/t/177/assets/favicon.ico?11981592617154272979"
            type="image/ico" />
        <link href="https://plus.googlecom/108540024862647200608"
            rel="publisher"/>
        <title>Bíblia Judaica Completa - Casa do Código</title>
        <link href="/casadocodigo/resources/css/cssbase-min.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700'
            rel='stylesheet'/>
        <link href="/casadocodigo/src/main/webapp/resources/css/fonts.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="/casadocodigo/src/main/webapp/resources/css/fontello-ie7.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="/casadocodigo/src/main/webapp/resources/css/fontello-embedded.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="/casadocodigo/src/main/webapp/resources/css/fontello.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="/casadocodigo/resources/css/style.css"
            rel="stylesheet" type="text/css" media="all" />
        <link type="text/css" rel="style" href="/casadocodigo/resources/css/layout-colors.css"/>

        <link href="/casadocodigo/src/main/webapp/resources/css/responsive-style.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="/casadocodigo/src/main/webapp/resources/css/guia-do-programador-style.css" 
            rel="stylesheet" type="text/css"  media="all"  />
        <link href="/casadocodigo/src/main/webapp/resources/css/produtos.css" 
            rel="stylesheet" type="text/css"  media="all"  />
        <link rel="canonic


Algém pode me ajudar?
8 respostas

Você deve acrescentar uma barra ( / ) após usar ${contextPath}. Por exemplo:

<link href="${contextPath}/resources/css/cssbase-min.css"
            rel="stylesheet" type="text/css" media="all" />

Rafael, assim como nosso amigo Daniel falou, basta fazer a adição da / que seu problema deve resolver.

Meu amigo Daniel, desde obrigado. Mas não funcionou. Deu na realidade o mesmo problema.

A variavel contextPath esta com qual valor ?

Tente remover src/main/webapp. Por exemplo:

<link href="${contextPath}/resources/css/fonts.css"
            rel="stylesheet" type="text/css" media="all" />

Já removi, ficou assim:

O valor do contextPath é /casadocodigo/

<link href="${contextPath}resources/css/produtos.css" 
            rel="stylesheet" type="text/css"  media="all"  />

Mesmo assim não funcionou

Nesse seu último exemplo falta a barra ( / )

<link href="${contextPath}/resources/css/produtos.css" 
            rel="stylesheet" type="text/css"  media="all"  />

Qual o link do CSS está aparecendo no seu navegador quando a página é carregada?

Eu já acrescentei a barra (/) e não funcionou. Veja como ficou o código da página abaixo com a barra.

<head>

      <meta charset="utf-8"/>
          <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
          <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
        <link rel="icon"
            href="//cdn.shopify.com/s/files/1/0155/7645/t/177/assets/favicon.ico?11981592617154272979"
            type="image/ico" />
        <link href="https://plus.googlecom/108540024862647200608"
            rel="publisher"/>
        <title>Antigo Testamento S - Casa do Código</title>
        <link href="/casadocodigo/resources/css/cssbase-min.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700'
            rel='stylesheet'/>
        <link href="/casadocodigo//resources/css/fonts.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="/casadocodigo//resources/css/fontello-ie7.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="/casadocodigo//resources/css/fontello-embedded.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="/casadocodigo//resources/css/fontello.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="/casadocodigowebapp/resources/css/style.css"
            rel="stylesheet" type="text/css" media="all" />
        <link type="text/css" rel="style" href="webapp/resources/css/layout-colors.css"/>

        <link href="/casadocodigo//resources/css/responsive-style.css"
            rel="stylesheet" type="text/css" media="all" />
        <link href="/casadocodigo//resources/css/guia-do-programador-style.css" 
            rel="stylesheet" type="text/css"  media="all"  />
        <link href="/casadocodigo//resources/css/produtos.css" 
            rel="stylesheet" type="text/css"  media="all"  />
        <link rel="canonical" href="http://www.casadocodigo.com.br/" />    
</head>

O contextPath já vem com a barra. Ai ficam duas barras. Erro também.