Solucionado (ver solução)
Solucionado
(ver solução)
9
respostas

E se houver mais arquivos que o html usa?

Eu coloquei um css na mesma pasta do html.

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <title>DB1 Password Checker</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="validator.css">
</head>
<body>
    <div>
        <h1 id ="lozango-borda">AVALIADOR DE SEGURANÇA DE SENHA</h1>
        <!-- aqui fica o lozango de fundo gray -->
        <div id="lozango-gray">
            <form method="post">
                 <input type="text" name="password" placeholder="senha">

            </form>

        </div>
    </div>

</body>
</html>
h1{
    border:1px;
}

.lozango-gray{
    background-color: rgb(247, 18, 18);

}

Não esta sendo aplicado nada do CSS. Alguém sabe o que há de errado?

9 respostas

Fala, Marcos!

No CSS, está .lozango-gray, que é um seletor por classe.

Como você colocou um id na div, troque para #lozango-gray!

Mesmo assim, o h1 não executa. Eu to trabalhando com servlets e montei meu html e css dentro do WEB-INF. Não sei se da algum problema. Mas o navegador está acusando o erro: "Fail to load" com o css

Failed to load resource: the server responded with a status of validator.css of 404 (Not Found)

acabo de perceber que o html, quando executado diretamente, recebe o css. O problema é quando a aplicação roda. Como fazer o html do foward aplicar o css?

package br.tecnica;

import java.io.IOException;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet(urlPatterns = "/senha")
public class Validador extends HttpServlet{

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) 
            throws ServletException, IOException {
        RequestDispatcher dispatcher = 
                req.getRequestDispatcher("/WEB-INF/paginas/validador.html");
        dispatcher.forward(req, resp);    

    }

}
solução!

Ah! Você não consegue acessar pelo navegador coisas que estão dentro do WEB-INF!

Coloque no web root folder os css e js.

No Eclipse, é o WebContent.

coloquei a pasta do bootstrap dentro do WebContent, mas não é encontrado de jeito nenhum o bootstrap.mim.css

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <title>DB1 Password Checker</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" 
        href="validator.css">
    <link rel="stylesheet" type ="text/css" media="screen" 
        href="bootstrap\\css\\bootstrap.mim.css">

</head>
<body>
    <div class="container">
        <h1 id ="lozango-borda">AVALIADOR DE SEGURANÇA DE SENHA</h1>
        <!-- aqui fica o lozango de fundo gray -->
        <div id="lozango-gray">
            <form method="post">
                 <input type="text" name="password" placeholder="senha">

            </form>

        </div>
    </div>

</body>
</html>

GET http://localhost:8080/DB1/bootstrap/css/bootstrap.mim.css net::ERR_ABORTED

mim.css. Mas não é min.css, com n?

não acredito que era isso! xD