Ir ao conteúdo

Posts recomendados

Postado

Boas,

Tentei várias vezes utilizar css em um link( <a href=" ... " class=" signup "> ) mas não funciona.

CSS code:

.panda
{
    position: relative;
    top: 10px;
    width: 70%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.geral
{
    top:30px;
    position:relative;
    text-align:center;
    height:30%;
    width:20%;
    margin-left: auto;
    margin-right: auto;
    border:black solid 2px;
    box-shadow:0 0 1em grey;
    border-radius:5px;
    background-color:#39803c;
    text-decoration:none;
}

.text
{
    top:15px;
}
.text input[type="text"] {
  border-radius:5px;
  border:solid 1px;
  border-color:grey;
}

.pass
{
    top:15px;
}
.pass input[type="password"] {
  border-radius:5px;
  border:solid 1px;
  border-color:grey;
}

.send
{
    top:15px;
    position:relative;
    
}
.send input[type="submit"]
{
  border-radius:5px;
}
/*este ↓ não funciona*/
.signup
{
    top:155px;
    position:relative;
    text-decoration:none;
}

HTML code:

<html>
    <head>
        <title>Login</title>
        <link rel="stylesheet" href="escola_project_/login/login.css">
    </head>
    <body>
        <img src="img/yuyuyu.png" class="panda">
        <div class="geral">
                <form action="escola_project_/login/login.php" method="POST" autocomplete="off">
                    <div class="text">
                        <strong><label>Username</label></strong>
                            <br>
                        <input type="text" placeholder="exemplo@exemplo.exe" name="username">
                    </div>
                        <br>
                    <div class="pass">
                        <strong><label class="labelpassword">Password</label></strong>
                            <br>
                        <input type="password" placeholder="●●●●●●" class="inpupassword" name="password" >
                    </div>
                        <br>
                    <input type="submit" value="Iniciar Sessão" class="send" name="submit" >
                  <br>
                    <a href="escola_project_/sign_up_/sign_up_.php" class="signup" >Sign Up</a><!-- *<--Este* -->
                </form>
        </div>
    </body>
</html>

Agradeço toda a ajuda possível.

UPDATE

Fui testar agora e ao mudar alguma coisa dos outros elementos não funciona também o css.

O que devo fazer?

Postado

@Joel Martins Olá colega.

 

Vejamos da seguinte maneira, com o código abaixo aqui comigo, funciona:

 

<html>

<head>
<title>Login</title>
        
<style>
.panda
{
    position: relative;
    top: 10px;
    width: 70%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.geral
{
    top:30px;
    position:relative;
    text-align:center;
    height:30%;
    width:20%;
    margin-left: auto;
    margin-right: auto;
    border:black solid 2px;
    box-shadow:0 0 1em grey;
    border-radius:5px;
    background-color:#39803c;
    text-decoration:none;
}

.text
{
    top:15px;
}
.text input[type="text"] {
  border-radius:5px;
  border:solid 1px;
  border-color:grey;
}

.pass
{
    top:15px;
}
.pass input[type="password"] {
  border-radius:5px;
  border:solid 1px;
  border-color:grey;
}

.send
{
    top:15px;
    position:relative;
    
}
.send input[type="submit"]
{
  border-radius:5px;
}
/*este ↓ não funciona*/
.signup
{
    top:155px;
    position:relative;
    text-decoration:none;
    color:red;
    font-weight: bold;
}
</style>
</head>
    
    <body>
        <img src="img/yuyuyu.png" class="panda">
        <div class="geral">
                <form action="escola_project_/login/login.php" method="POST" autocomplete="off">
                    <div class="text">
                        <strong><label>Username</label></strong>
                            <br>
                        <input type="text" placeholder="exemplo@exemplo.exe" name="username">
                    </div>
                        <br>
                    <div class="pass">
                        <strong><label class="labelpassword">Password</label></strong>
                            <br>
                        <input type="password" placeholder="●●●●●●" class="inpupassword" name="password" >
                    </div>
                        <br>
                    <input type="submit" value="Iniciar Sessão" class="send" name="submit" >
                  <br>
                    <a href="escola_project_/sign_up_/sign_up_.php" class="signup">Sign Up</a><!-- *<--Este* -->
                </form>
        </div>
    </body>
    
</html>

 

Tanto é que funciona, que mudei a cor do Sign Up para vermelho, como pode ser visto na imagem abaixo:

siig.jpg.b66bc8daad262663d11c701fa9c1ae07.jpg

 

No meu caso pode estar funcionando, porque no meu código de teste acima, o CSS está junto com o HTML.

 

Sendo assim, constatamos que o erro pode estar aqui no seu código, logo abaixo:

 

<link rel="stylesheet" href="escola_project_/login/login.css">

 

 No caso, ou o caminho que leva ao CSS está errado, ou o nome do arquivo que contém o CSS está errado ou ausente.

 

Veja se corrigindo isso resolve.

 

Abraços colega.

Postado

@Joel Martins vou te dar uma ideia, veja se serve pra você, se não servir é só falar. 

 

Substitua este código: 

<input type="submit" value="Iniciar Sessão" class="send" name="submit" >

 

Por este: 

<button type="submit" onclick="sign_up_.php" class="send" name="submit" >Iniciar sessão</button>

 

Remova esta linha: 

<!-- <a href="escola_project_/sign_up_/sign_up_.php" class="signup" >Sign Up</a>*<--Este* -->

 

Se você quiser mexer no estilo do button, basta alterar o css da classe send

 

 

EDIT: li melhor a tua dúvida agora. Como o colega disse acima, se nada do CSS está funcionando, é bem provável que você esteja colocando o caminho errado no link.

 

 

Postado

Eu fui fazer a estrutura da página sign_up_ e quando voltei para a página de login já estava a funcionar. O que poderá ter acontecido?

PS: Isto já me aconteceu várias vezes

  • Solução
Postado

@Joel Martins Muitas vezes ocorre de o CSS não atualizar porque o navegador está carregando uma versão que está em 'cache'. Nestes casos é aconselhável você limpar o 'cache' do navegador e carregar a página novamente. 

 

Para facilitar, você pode abrir o navegador em modo anônimo e sempre que ocorrer este problema você fecha o navegador e abre novamente em modo anônimo. Deve resolver 

 

Uma solução interessante é instalar no Google Chrome a extensão "Auto History Wipe" e configurar para limpar o 'cache' e se for o caso, o 'histórico' toda vez que fechar o navegador. 

 

image.png.0efa2f36997f74aa257f956e044418f4.pngimage.png.0091c505aa45701a27a1674142214494.png

 

 

  • Curtir 1
Postado
7 minutos atrás, Joel Martins disse:

Eu fui fazer a estrutura da página sign_up_ e quando voltei para a página de login já estava a funcionar. O que poderá ter acontecido?

PS: Isto já me aconteceu várias vezes

 

Sempre que eu vou testar algo, para não recair neste erro, eu uso Chrome DevTools.

 

Aperte F12 no Google Chrome e na aba NetWork marque disable cache, como na imagem abaixo:

 

 

erro.thumb.jpg.59beb263164210a5671fd2021701c3b7.jpg

 

Essa é a melhor forma de se previnir durante o desenvolvimento, de não ser pego pelo cache antigo do navegador em arquivos e imagens.

 

Abraços colega.

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!