desafio 10/projeto-android

[moyses30]

Fiz tudo conforme o video pede. na hora de acessar a imagem o CSS nao esta aparecendo . segue em anexo

[BenjamimCS]

Veja se não seja o mesmo que a Issue #197

[moyses30]

Obrigado pela atenção , porem, peço desculpas , mas conseguir compreender , tem algum video sobre isto ?

[GustavoPfisterOFC]

Seria interessante mostrar como está seu código, possivelmente está posicionando a imagem fora da tag, ou escrevendo fora, ai o css sai mesmo.

[BenjamimCS]

Obrigado pela atenção , porem, peço desculpas , mas conseguir compreender , tem algum video sobre isto ?

Mas você conseguiu resolver a questão? Se sim, feche a Issue, por favor.

Tem o curso de GNU/Linux do professor. E vai por mim, aprenda o mínimo de GNU/Linux, você vai sempre vê esses conhecimentos te cobrando em algum momento, como agora.

[RafzVTI]

Olá, não sei se você conseguiu resolver o problema mas uma dica é dar uma revisada no código para ver se algo está sem espaço ou mesmo sem ;. Já me aconteceu de escrever errado a tag no código e na hora de configurar o CSS ela não funcionava. Exemplo: Escrevi asside no ".html" e aside no style, ai não aparecia mesmo configurado certo. (não sei usar direito as ferramentas do github, esse é meu primeiro comentário então releve.)

[FilipeDeveloper7]

Olá.

Isso acontenceu comigo. No meu caso, percebi que eu enviei para o o git somente o index.html. Então enviei todos os arquivos , inclusive o style.css , e deu tudo certo.

[moyses30]

Seria interessante mostrar como está seu código, possivelmente está posicionando a imagem fora da tag, ou escrevendo fora, ai o css sai mesmo. @charset "UTF-8";

@font-face{ font-family: 'Android'; src: url('../fontes/idroid.otf') format('opentype'); font-weight: normal; }

@font-face { font-family: 'bebas'; src: url('/fontes/Bebas_Neue\,Gupter\,Wittgenstein.ttf')format('trutype'); font-weight: 400; font-size: 3em; }

@font-face { font-family:'spies'; src: url('../fontes/google_spies/Google-spies\ PERSONNAL\ USE\ ONLY.ttf') format('trutype'); font-weight: 400; } *{ margin: 0px; padding: 0px; }

:root{ --cor0:#19E735; --cor1:#16C52D; --cor2:#1BF038; --cor3:#12A325; --cor4:#0E811E; --cor5:#0A5F16 ;

--fonte-padrao: Arial,Verdana,Helvatica,sans-serif;
--fonte-destaque:'bebas',cursive;
--fonte-android: 'Android',cursive;        
--fonte-spies:'spies';        

} body { background-color: #0A5F16; font-family:var(--fonte-padrao); }

a.externo::after { content: '\1F517'; } main p{ margin: 15px 0px ; text-align: justify; text-indent: 30px; font-size: 1em; line-height: 2em; }

main strong{ color: #16C52D; font-weight: bold;

}

main a{ text-decoration: none; font-weight: bold; background-color: #19E735; padding: 2px 6px; }

main a:hover { text-decoration: underline; color: #0A5F16; } div.video{ background-color: #0A5F16; margin: 0px -20px 30px -20px; padding: 20px; padding-bottom: 58%; position:relative; } div.video > iframe { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; position: ; } header{ background-image: linear-gradient(to bottom, var(--cor5), var(--cor3)); min-width: 150px; text-align: center; padding-top: 40px; }

header>h1 { color: rgb(255, 252, 252); font-family:var(--fonte-spies); margin-bottom: 20px; text-shadow: 2px 2px 0px black;

} header > p { color: white; font-size: 1.2em; color: white; margin: auto; padding-right: 10px; padding-left: 10px; margin: auto; margin-bottom: 10px; text-shadow: 2px 2px 0px black; }

nav { padding: 10px; box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.658); background-color: var(--cor5);

} nav > a { color: #1BF038; border-radius: 5px; padding: 10px; text-decoration: none; font-weight: bold; transition-duration: .5s; }

nav> a:hover { background-color:#19E735; color: #0E811E; }

main{ min-width: 300px; max-width: 1000px; margin: auto; margin-bottom: 30px; padding: 20px; background-color: white; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.596); border-bottom-left-radius:10px ; border-bottom-right-radius:10px; }

main h1 {

font-family: var(--fonte-android);

} main h2{ font-family: var(--fonte-android); color: #208330; font-size: 1.3 em; background-image: linear-gradient(to right, var(--cor1), transparent); text-indent: 8px; } main img.pequena{ max-width: 350px; width: 50%; display: block; margin: auto; } aside { background-color: #12A325; padding: 10px; border-radius: 10px; box-shadow: 3px 3px 8px black; }

aside > ul { list-style-type:'\1F5F8\00A0\00A0'; list-style-position: inside; columns: 2;

} aside h3 { background-color: #0A5F16; color: white; padding: 10px; margin: -10px -10px 0px -10px; border-radius: 10px 10px 0px 0px;

} footer{ background-color: var(--cor5); color: white; text-align: center; font-size: 0.8em; padding: 5px; }

footer a { color: white; font-weight: bolder; text-decoration: none; }

footer a:hover { text-decoration: underline; color: #0E811E; }

[BenjamimCS]

Mostrar o código CSS muda nada, sendo que o navegador nem sequer baixou esse arquivo por mal direcionamento, ou seja, o caminho do arquivo está indicado incorretamente.

Considerando sua resposta anterior você disse ter entendido então poderia esclarecer melhor o que tá acontecendo? Tamo aqui pra ajudar mano.

[moyses30]

Mostrar o código CSS muda nada, sendo que o navegador nem sequer baixou esse arquivo por mal direcionamento, ou seja, o caminho do arquivo está indicado incorretamente.

Considerando sua resposta anterior você disse ter entendido então poderia esclarecer melhor o que tá acontecendo? Tamo aqui pra ajudar mano.

Agora eu entendi, como eu faco para corrigir esse mal direcionamento ?

[BenjamimCS]

É só corrigir o caminho do arquivo CSS no seu HTML, por isso recomendei que visse a Issue #197.