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

Corrigindo estilo no blog.html

Referente ao curso HTML5 e CSS3 I: Suas primeiras páginas da Web, no capítulo Mais seletores e atividade Ajustes finos no blog.html

por Diego Dias Marques
| 214.7k xp | 168 posts

Ele não está aplicando o estilo no rodapé, ele apenas retira os outros estilos das tags no blog.html

 <footer class="estilo-rodape">
            &copy; João da Silva 2014
             <ul class="icones-sociais social-rodape">     <!--Menu de Redes Sociais-->
                <li><a href="http://github.com/joaodasilva"><img src="github.png" alt="GitHub"/></a></li>
                <li><a href="http://twitter.com/joaodasilva"><img src="twitter.png" alt="Twitter"/></a></li>
                <li><a href="https://br.linkedin.com/pub/joão-da-silva/32/4/508"><img src="linkedin.png" alt="Linkedin"/></a></li>
            </ul>    
        </footer>

CSS

aside {
    background-color: #3C1D3D;
    color: #F2FFFC;
    text-align: center;
}

.estilo-rodape {                    
    background-color: #000;
    color: #F2FFFC;
}

nav a {             /*todos os links dentro de nav*/
    color: #F2FFFC;
}
6 respostas
por William Borges
| 187.6k xp | 67 posts
Analista de Sistemas

Fala Vinícius.

Acredito que você só precisa tirar as redes sociais de dentro o footer ficando assim.

<ul class="icones-sociais social-rodape">     <!--Menu de Redes Sociais-->
    <li><a href="http://github.com/joaodasilva"><img src="github.png" alt="GitHub"/></a></li>
    <li><a href="http://twitter.com/joaodasilva"><img src="twitter.png" alt="Twitter"/></a></li>
    <li><a href="https://br.linkedin.com/pub/joão-da-silva/32/4/508"><img src="linkedin.png" alt="Linkedin"/></a></li>
</ul>    

<footer class="estilo-rodape">
    &copy; João da Silva 2014
</footer>

Verifica se assim já resolve,

por Diego Dias Marques
| 214.7k xp | 168 posts

Consegui aqui, valeu, mas qual é a diferença de usar por exemplo footer.estilo-rodape { } e .estilo-rodape { }

por Leonardo Bergamini
| 33.9k xp | 1 posts

Boa tarde, Vinícius. Já tentou informar o estilo na tag footer?

Por exemplo:

No CSS:

footer {                    
    background-color: #000;
    color: #F2FFFC;
}

No HTML:

<footer>
    (..) 
</footer>
por William Borges
| 187.6k xp | 67 posts
Analista de Sistemas

Vinícius segue a sugestão do Leonardo Bergamini se não funcionar posta a página toda e o CSS completo, por favor.

por Diego Dias Marques
| 214.7k xp | 168 posts
   <footer class="estilo-rodape">
            &copy; João da Silva 2014  
        </footer>

.estilo-rodape { background-color: #000; color: #F2FFFC; }

solução!
por William Borges
| 187.6k xp | 67 posts
Analista de Sistemas

Aqui está funcionando perfeitamente. Veja.

<html>
    <head>
        <meta charset="UTF-8">
        <style>
            .estilo-rodape { background-color: #000; color: #F2FFFC; }
        </Style>    
    </head>    
    <body>
        <h1>Teste<h1>

        <ul class="icones-sociais social-rodape">     <!--Menu de Redes Sociais-->
            <li><a href="http://github.com/joaodasilva"><img src="github.png" alt="GitHub"/></a></li>
            <li><a href="http://twitter.com/joaodasilva"><img src="twitter.png" alt="Twitter"/></a></li>
            <li><a href="https://br.linkedin.com/pub/joão-da-silva/32/4/508"><img src="linkedin.png" alt="Linkedin"/></a></li>
        </ul>  

        <footer class="estilo-rodape">
            &copy; João da Silva 2014  
        </footer>
    </body>
</html>