desafio 10/projeto-android
Opened this issue · 10 comments
Fiz tudo conforme o video pede. na hora de acessar a imagem o CSS nao esta aparecendo .
segue em anexo
Veja se não seja o mesmo que a Issue #197
Obrigado pela atenção , porem, peço desculpas , mas conseguir compreender , tem algum video sobre isto ?
Seria interessante mostrar como está seu código, possivelmente está posicionando a imagem fora da tag, ou escrevendo fora, ai o css sai mesmo.
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.
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.)
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.
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;
}
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.
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 ?
É só corrigir o caminho do arquivo CSS no seu HTML, por isso recomendei que visse a Issue #197.