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

A imagem não pode ficar no seu tamanho total e manter sua posição

Não importa o quanto eu tente eu não consigo fazer com que a barra de navegação e a foto fiquem no local correto quando a imagem volta ao seu tamanho original

.navegacao-site{
    background: #3C1D3D;
    color: #F2FFFC;
    text-align: center;
    color: #F2FFFC;
    width: 15%;

}
main{
    float: left;
    width: 85%;
}
.navegacao-site, .minha-foto{
    float: right;
    border-left: 10px solid #000;
    border-bottom: 10px solid #000;
    box-sizing: border-box;
}
.minhafoto{
    position: absolute;
    top: 0;
    right: 0;
}
4 respostas

Oi Afonso, como vai?

Coloca seu codigo em um Jsbin por favor? Só com o CSS nao conseguimos ver o que ocorre exatamente.

Nao se importe com o endereco dos CSS e das imagens.

Fico no aguardo,

Abcs!

Eu deixei o projeto salvo no dropbox aqui: https://www.dropbox.com/sh/s3s66w06ce3btbm/AABAOXVAc41FeGy87-sMjpA-a?dl=0

solução!

Oi Afonso,

Vi bem rapidamente aqui e parece que está faltando um position absolute, e algumas coordenadas (top, right, etc) também.

Dá uma conferida com o exercicio que o instrutor deixou nessa atividade aqui.. Outra coisa bacana é que voce pode comprar o projeto final dessa aula 11 com o seu, ele está disponivel aqui.

Espero ter ajudado e bons estudos,

Abcs!

Obrigado! Funcionou aqui.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software