Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
9
respostas

Minhas alterações não estão funcionando

por Salatiel Aizza
| 108k xp | 82 posts

Olá pessoal. Estou bastante curioso em saber onde está o meu erro, já faz dias que estou travado num projeto treino para aplicar meus conhecimentos de HTML e CSS.

É o seguinte, meu aside não altera com nenhuma implementação de css que faço. o estranho é que outras alterações como no body e nas imagens surtem efeito. Eu já tentei mudar a identificação vária vezes no CSS, por exemplo: .navegacao-site li , .navegacao-site a , nav li , nav a , aside a , aside li, mas nada surte efeito. Seguem os meus códigos: html e css

```<!DOCTYPE html>

<img class="logoStudioPlatinum" src="img/logo.jpg" alt="logo do Studio Platinum

Studio Platinum

Informações

Nossa Equipe Horario de Funcionamento Fale Conosco

Localização

Studio Platinum

Rua doSenhor do Roubado, n15

Telefone: 215 689 752

Studio Platinum de Odivelas O salão com mais likes do facebook desta zona

```

```.logoStudioPlatinum{ box-sizing: border-box; width: 300px; border: 1em solid #b106ff; transform: scale(0.5, 0.5); } .titulo{ text-align: center; color: #FFF;

} body{ position: relative; background-color: #FFD340; }

aside li { box-sizing: border-box; background-color: #7C3D99; border: 2px solid #b106ff; font-family: serif ; margin: .4em; padding: .5em; text-align: left; width: 6em; font-family: "Open Sans Condensed", sans-serif; color: #FFF; }

.navegacao-site a{ color: rgba(99, 170, 140, 0.747); } .facebook img{ transform: scale(0.5, 0.5); }```

Muito grato a quem me der uma luz.

9 respostas
por Mailton Monteiro de Castro
| 53.7k xp | 5 posts

Salatiel para que eu possa entender melhor sua dúvida, você precisa colocar três backticks (```) antes e depois do código, assim será possível visualizar seu código na integra.

por Salatiel Aizza
| 108k xp | 82 posts

<!DOCTYPE html>
<html lang="pt-BR">
    <head>
        <title class="título">Studio Platinum</title>
        <meta charset="utf-8" />
        <link rel="icon" href="img/logo2.jpg">
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/index.css">
    </head>
    <body>
        <main>
            <div>
                <img class="logoStudioPlatinum" src="img/logo.jpg" alt="logo do Studio Platinum
            </div>
            <h1>Studio Platinum</h1>



            <nav class="navegacao-site">
                <ul >
                    <li><a href="index.html">Home</a></li>
                    <li><a href="servicos.html">Serviços</a></li>
                    <li><a href="produtos.html">Produtos</a></li>
                    <li><a href="videos.html">Videos</a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul>
            </nav>


            <div class="secao-rodape secao-informacoes">
                <h2>Informações</h2>
                <a href="#/contato.html">Nossa Equipe</a>
                <a href="#/index.html">Horario de Funcionamento</a>
                <a href="#/contato.html">Fale Conosco</a>
            </div>
            <div class="secao-rodape secao-localizacao">
                <h2>Localização</h2>
                <p>Studio Platinum</p>
                <p>Rua doSenhor do Roubado, n15</p>
                <p>Telefone: 215 689 752</p>
            </div>
            <div class="secao-rodape secao-saiba-mais">
                <p>Studio Platinum de Odivelas</p>
                <p>O salão com mais likes</p>
                <p>do facebook desta zona</p>
                <button class="button-saiba-mais">Saiba Mais</button>
            </div>
            <div class="secao-rodape secao-facebook">
                <h2>Siga-nos no facebok:</h2>
                <img class="logo-facebook" src="img/Facebook.png" alt="siga a pagina do Studio Platinum no facebook">
            </div>
        </main>
        <footer>
            <div class="rodape">
            </div>
        </footer>
    </body>
</html>
por Salatiel Aizza
| 108k xp | 82 posts
.logoStudioPlatinum{
    box-sizing: border-box;
    width: 300px;
    border: 1em solid #b106ff;
    transform: scale(0.5, 0.5);
}
body{
    position: relative;
    background-color: rgb(252, 252, 252);
}
h1{
    float: left;
    color: #000;    
}
.navegacao-site li {
    box-sizing: border-box !important;
    background-color: #7C3D99 !important;
    border: 2px solid #b106ff;
    font-family: serif ;
    margin:  .4em;
    padding: .5em;
    text-align: left;
    width: 6em;
    font-family: "Open Sans Condensed", sans-serif;
    color: #FFF !important;
}

.navegacao-site a{
    color: rgba(99, 170, 140, 0.747);
}
.navegacao-site{
    position: absolute;
    display: block;
    left: 0%;
    top: 30%;
}
.logo-facebook{
    transform: scale(0.5, 0.5);
    position: absolute;
    right: 30%;
    bottom: 10%;
}
.secao-saiba-mais{
    position: absolute;
    bottom: 0%;
    right: 25%;
}
.secao-saiba-mais p{
    text-align: center;
}
.button-saiba-mais{
    color: white;
    background-color: #7C3D99;
    box-shadow: 1px 1px 2px #000;
    padding: .5em;
    position: absolute;
    right: 37%;
    bottom: 5%;

}
.rodape{
    width: 100%;
    position: absolute;
    bottom: -50%;
    display: block;
}
.secao-rodape{
    display: inline-block;
    width: 24%;
    height: 10em;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}
.secao-rodape a, .secao-rodape p{
    display: block;
    color: rgb(0, 0, 0);
    margin: .5em;
    text-decoration-line: none;
    text-align: center;
}
.secao-rodape h2{
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1em;
}
.secao-rodape .secao-rodape a{
    box-sizing: border-box;
    background-color: #7C3D99;
    padding: .5em;
    margin-top: 3em;
}
.secao-facebook{
    position: absolute;
    right: 0%;
}
.secao-localiacao{
    right: 50%;
}
por Salatiel Aizza
| 108k xp | 82 posts

"Olá pessoal. Estou bastante curioso em saber onde está o meu erro, já faz dias que estou travado num projeto treino para aplicar meus conhecimentos de HTML e CSS.

É o seguinte, meu aside não altera com nenhuma implementação de css que faço. o estranho é que todas outras alterações como no body e nas imagens surtem efeito. Eu já tentei mudar a identificação vária vezes no CSS, por exemplo: .navegacao-site li , .navegacao-site a , nav li , nav a , aside a , aside li, mas nada surte efeito. Seguem os meus códigos: html e css"

Bom dia pessoal. Realmente não estou conseguindo resolver este problema do aside, eu já substitui por div, mas não surte efeito quando eu altero o design no CSS. Alguém sabe me dizer onde está o erro? Os códigos estão acima.

Muito obrigado.

por Carlos Antonio Silva do Nascimento
| 343.4k xp | 747 posts
Analista de Sistema

Muito bem pessoal!!

por Mailton Monteiro de Castro
| 53.7k xp | 5 posts

Salatiel, o problema é simples: No seu HTML não tem o elemento <aside>

Para que seja possível formata-lo via css o elemento precisa estar presente no HTML

por Sassine Andrade El-Asmar
| 164.9k xp | 4 posts
Programador1

como dito pelo Mailton falta o 

<aside>

esta tentando formatar a tag que não esta no cod.

solução!
por Salatiel Aizza
| 108k xp | 82 posts

Obrigado a todos. Realmente eu descrevi o problema como não estar conseguindo alterar o aside. No entanto, já havia mudado tantas vezes o código nem tinha mais colocado aside no html. De toda forma o problema estava bem aqui: <div> <img class="logoStudioPlatinum" src="img/logo.jpg" alt="logo do Studio Platinum </div>

a tag img não estava fechada.

Falou pessoal. Muito grato.

por Mailton Monteiro de Castro
| 53.7k xp | 5 posts

É isso ai Salatiel, o problema sempre esta onde menos esperamos. Abraço e bons estudos.