11:25 Não apareceu a imagem ela estava encima, colocar apenas left bottom, right bottom ou center bottom. Não vai fazer a imagem se deslocar para baixo então coloque também com o background-position o background-attachment: fixed; isso vai fazer a imagem ficar fixada para baixo assim ela não ficara escondida encima.
Bom dia Fessor! Estou com uma dúvida em relação à posicionamento de elementos no body. Gostaria de saber como adicionar uma imagem á esquerda fora da margin do body que está com a largura de 960px segue exemplo abaixo da aula 6 de html5 onde construímos o site da escola de inglês : body{ background: url(logo.jpg) repeat-y; } body{ margin: auto; width: 960px; background-color: #aaa; background: url(fundo.gif) repeat-x; overflow-y: scroll; /*Controlar a barra de rolagem em todas as paginas para não haver deslocamento do layout. O “Y” indica a influencia do comando só na vertical*/ }
Acredito que não mais.... Em outros videos dele, mais recente, ele informa que as apostilas agora fazem parte do conteúdo do site, não sendo mais possivel baixar, e sim ler diretamente no site.
eu queria entender o deslike, sério mesmo. a aula é boa é objetiva, e é sincera e fiél ao título, pessoas se disponibilizam a dar este conteúdo de graça à pessoas que não teriam como pagar o curso, e vem um escrotinho desse aí.
Professor,As aula são excelentes.Muito obrigada pela explicação. Quando eu chego na parte de colocar a imagem na cor imagem some e a cor não apareceu. os código são body{ background-repeat:no-repeat; ; background-color:#FFFF00 background-image:url(img/f.jpg);}
Boa noite prof. Bruno, tentei aplicar a propriedade background-imagem em uma div mas a imagem não aparece? Algum motivo para não está dando certo. Aprendendo sobre propriedades background CSS3
O meu css esta assim: div{ background: url(real.png); } div.um{ background-repeat: repeat; }
boa noite professor a função de size foi desativada do css3? pq aplico a imagem mas nao consigo mudar o tamanho body{ background-image:url(escudo_brasil.png); background-size: 1000px; }
cara, eu fiz um comentário errado anteriormente, porém lembrei. acontece que o HTML5 ou HTML só aceitam imagens do tipo jpg,gif e outra que n me lembro o nome... a imagem que tu usou e JPEG? si for deve ser o motivo por ela não aparecer... ou outro formato!
E ai Fessor Bruno, beleza??? Parabéns pelo seu trabalho!!! Consigo usar background-color com CSS, mas, não estou conseguindo usar background-image. Consigo inserir a imagem normalmente usando , então, não é problema com imagem. já revisei o código várias vezes e não dá certo. O que pode estar acontecendo??? Obrigado Bruno!!!
Fessor, Obrigado pelo interesse, mas, já descobri o que estava causando o erro. Eu havia colocado um espaço entre "url e o primeiro parentese". Coisas de aprendiz, rsss... agora funcionou... body {background-image:url(fundo6_c.jpg);} Obrigado Fessor e Parabéns novamente!!!
preciso que aguem me oriente por favor. (não tem nada a ver com o assunto do video) criei uma tabela pra comentarios no banco de dados, e aconteceu que ela começou a encher de comentarios vindos de outros sites, centenas... a principio eu achei que era problema no banco de dados, e depois de mudar nome de campos, nome do database, e até criar outra tabela com outro nome, eu percebi que o campo de data estava vindo formatado, da maneira que eu tinha feito no meu arquivo de enviar comentario.. então será possivel que outros sites estejam acessando o mesmo arquivo? será uma coincidencia de name server + nome do arquivo e servidor compartilhado?
Olá, tentei em vários navegadores e já olhei no site da mozila, mas lá funciona e no meu não. como aplicar uma imagem em uma div? .box{ background-image: url(img-01.jpg); } mas não funciona.
Possivelmente seu arquivo HTML não está na mesma pasta que o arquivo CSS. Se os dois arquivos estiverem na mesma pasta, na tag do HTML, você só precisa informar o nome e extensão do seu arquivo CSS na propriedade href="", e não pode esquecer da propriedade rel="". Ex.: Caso o seu arquivo CSS esteja dentro de uma subpasta, e esta subpasta esteja dentro da mesma pasta que o arquivo HTML, no 'href' você precisa informar o nome da pasta, seguido da barra + o nome do arquivo. E.: href="subpasta/css2.css". Caso o seu arquivo html esteja dentro de uma subpasta e o arquivo CSS esteja fora dela, mas na mesma pasta que a subpasta, no 'href' você precisa informar da seguinte forma: ponto + ponto + barra + arquivo. Ex.: href="../css2.css". Para maiores detalhes e melhor compreensão, pode consultar o site da W3School, que é uma excelente fonte extra de informação. Segue link com mais detalhes: www.w3schools.com/html/html_filepaths.asp
Suas aulas são bem detalhados algo que não se encontra em professores continue assim!!! Parabéns professor☺
Uau, que aula incrível.
Cara você é um gênio obrigado por compartilhar seus conhecimentos conosco. Parabéns pelo trabalho incrível.
Vc merecia muito muito reconhecimento, mas saiba que o meu vc tem tmj
Estava fazendo o curso do Guanabara e quando cheguei no CSS eu me enbananei todo. Seu curso está sendo mais delimitado, obrigado pelas aulas!
eu também kkkkkk no meu caso foi que eu estava fazendo o de javascript mais não estava entendendo nada kkk
Estou na mesma, você conseguiu aprender de boas com esse curso dele?
Guanabara é bom, mas o bruno é muito melhor com exemplos e didática.
didatica incrivel. to aprendendo muito obrigada.
Parabéns fessor , você explica de uma maneira muito melhor que meu curso de TI ,continue assim , ta de parabéns .
vamos la!
muito massa
Ótimo conteúdo! Explicações curtas e claras.
Dou valor esse fessor, obrigado pelas aulas, top de mais
Valeu meu caro, muito obrigado
Agora estou apredendo o css
Show, bons estudos meu caro...
Excelente Explicação!! Obrigado.
Valeu Luciano, muito obrigado
Explicação muito TOP
Amei as dicas muito boas ,recomendo.
Valeu Yasmin, muito obrigado
que beleza de aula valeu fessor
Essa foi bacana, parabéns.
Diones Melgaço valeu brother, muito obrigado
melhor video aula de html, like :)
Valeu Geovane, muito obrigado
ótima aula
parabéns está me ajudando muito.
Valeu novamente
Mesmo q já faz muitos anos atrás esses vídeos, serve pra hj em dia tbm? Ou mudou alguma coisa sabe?
11:25 Não apareceu a imagem ela estava encima, colocar apenas left bottom, right bottom ou center bottom. Não vai fazer a imagem se deslocar para baixo então coloque também com o background-position o background-attachment: fixed; isso vai fazer a imagem ficar fixada para baixo assim ela não ficara escondida encima.
Bom dia Fessor!
Estou com uma dúvida em relação à posicionamento de elementos no body.
Gostaria de saber como adicionar uma imagem á esquerda fora da margin do body que está com a largura de 960px
segue exemplo abaixo da aula 6 de html5 onde construímos o site da escola de inglês :
body{
background: url(logo.jpg) repeat-y;
}
body{
margin: auto;
width: 960px;
background-color: #aaa;
background: url(fundo.gif) repeat-x;
overflow-y: scroll; /*Controlar a barra de rolagem em todas as paginas para não haver deslocamento do layout. O “Y” indica a influencia do comando só na vertical*/
}
Quando vamos poder baixar as apostilas novamente?
Acredito que não mais.... Em outros videos dele, mais recente, ele informa que as apostilas agora fazem parte do conteúdo do site, não sendo mais possivel baixar, e sim ler diretamente no site.
Na continuação tem algo com os backgrounds em bordas? Fiquei mais em dúvida delas
Tem sim.
Muito bom o video , Tera curso de jquery futuramente?
eu queria entender o deslike, sério mesmo.
a aula é boa é objetiva, e é sincera e fiél ao título, pessoas se disponibilizam a dar este conteúdo de graça à pessoas que não teriam como pagar o curso, e vem um escrotinho desse aí.
Valeu Alexander, muito obrigado
Também fico indignado. O vídeo me ajudou muito!!
canal concorrente!
Professor,As aula são excelentes.Muito obrigada pela explicação.
Quando eu chego na parte de colocar a imagem na cor
imagem some e a cor não apareceu.
os código são
body{ background-repeat:no-repeat; ;
background-color:#FFFF00
background-image:url(img/f.jpg);}
Oi Mariane tudo bem? na primeira linha ta sobrando um ";" e na segunda ta faltando um. Talvez seja isso.
@@tcf32 obrigado!!
Boa noite prof. Bruno, tentei aplicar a propriedade background-imagem em uma div mas a imagem não aparece? Algum motivo para não está dando certo.
Aprendendo sobre propriedades background CSS3
O meu css esta assim:
div{
background: url(real.png);
}
div.um{
background-repeat: repeat;
}
Qual a background music no fim do vídeo? Tô usando background ao invés de música de fundo pra memorizar
boa noite professor a função de size foi desativada do css3? pq aplico a imagem mas nao consigo mudar o tamanho
body{
background-image:url(escudo_brasil.png);
background-size: 1000px;
}
como centraliza a imagem no navegador todooo??
caro Bruno, onde está o erro ?? em estilos.css, fiz assim : body{ background-image:url (cfb.jpg) ;
} e em html, assim :
CFB Cursos - aula 04 - CSS3
Canal Fessor Bruno
cara, eu fiz um comentário errado anteriormente, porém lembrei. acontece que o HTML5 ou HTML só aceitam imagens do tipo jpg,gif e outra que n me lembro o nome... a imagem que tu usou e JPEG? si for deve ser o motivo por ela não aparecer... ou outro formato!
olá professor tentei baixar as apostilas mas quando clico fica me redirecionando p outra pagina pode me mandar o link direto??
Professor o senhor não disponibiliza os arquivos de imagens para a gente usar o mesmo que o senhor?
Vou postar brother em breve e disponibilizar os links mas descrições dos vídeos
Acho que só escrevendo bas já aparece o background size, comigo funciona
E ai Fessor Bruno, beleza??? Parabéns pelo seu trabalho!!!
Consigo usar background-color com CSS, mas, não estou conseguindo usar background-image.
Consigo inserir a imagem normalmente usando , então, não é problema com imagem.
já revisei o código várias vezes e não dá certo.
O que pode estar acontecendo???
Obrigado Bruno!!!
Posta o trecho do código onde usa o background-image aqui pra eu dar uma olhada
Fessor, Obrigado pelo interesse, mas, já descobri o que estava causando o erro. Eu havia colocado um espaço entre "url e o primeiro parentese". Coisas de aprendiz, rsss... agora funcionou...
body {background-image:url(fundo6_c.jpg);}
Obrigado Fessor e Parabéns novamente!!!
como agente comenta, html e o Css ?
/* CSS */
preciso que aguem me oriente por favor. (não tem nada a ver com o assunto do video)
criei uma tabela pra comentarios no banco de dados, e aconteceu que ela começou a encher de comentarios vindos de outros sites, centenas...
a principio eu achei que era problema no banco de dados, e depois de mudar nome de campos, nome do database, e até criar outra tabela com outro nome, eu percebi que o campo de data estava vindo formatado, da maneira que eu tinha feito no meu arquivo de enviar comentario..
então será possivel que outros sites estejam acessando o mesmo arquivo?
será uma coincidencia de name server + nome do arquivo e servidor compartilhado?
Olá, tentei em vários navegadores e já olhei no site da mozila, mas lá funciona e no meu não.
como aplicar uma imagem em uma div?
.box{
background-image: url(img-01.jpg);
}
mas não funciona.
Já checou se a imagem está na mesma pasta?
E se a imagem estiver em uma pasta diferente do arquivo HTML ?
Como eu coloco na URL?
Basta indicar o caminho da imagem, por exemplo imgs/logo/meuLogo.jpg
Alguém poderia me falar por que no meu só funciona se for esse caminho: href="C:\Users\Zico Rocha\Desktop\projeto-glass-html5\css2.css"/>?
Possivelmente seu arquivo HTML não está na mesma pasta que o arquivo CSS. Se os dois arquivos estiverem na mesma pasta, na tag do HTML, você só precisa informar o nome e extensão do seu arquivo CSS na propriedade href="", e não pode esquecer da propriedade rel="".
Ex.:
Caso o seu arquivo CSS esteja dentro de uma subpasta, e esta subpasta esteja dentro da mesma pasta que o arquivo HTML, no 'href' você precisa informar o nome da pasta, seguido da barra + o nome do arquivo. E.: href="subpasta/css2.css".
Caso o seu arquivo html esteja dentro de uma subpasta e o arquivo CSS esteja fora dela, mas na mesma pasta que a subpasta, no 'href' você precisa informar da seguinte forma: ponto + ponto + barra + arquivo. Ex.: href="../css2.css".
Para maiores detalhes e melhor compreensão, pode consultar o site da W3School, que é uma excelente fonte extra de informação.
Segue link com mais detalhes: www.w3schools.com/html/html_filepaths.asp
Se alguém tiver a apostila dele, pode entrar em contato comigo para me mandar? Agradeço!
cfbcursos.com.br/curso-de-css3/
visual studio >>>>> notepad ++
Oi bruno tudo bem eu te enviei um email por favor me ajuda lá :)
Esse canal + Canal do Guanabara = Comprar curso de HTML, CSS e JS é desnecessário.