Curso de HTML e CSS para iniciantes - Aula 14

No vídeo de hoje vamos criar toda estrutura do site em HTML, ficando assim pendente apenas a parte do CSS.
Acompanhe o RBtech também pelo site:
www.rbtech.info

[@the.eagles2]

2020 inicio minha jornada na área, aulas extremamente explicativas. conteúdo de qualidade! deixem um UP quem chegou até aqui nesta aula na pandemia 2020

[@naturezapesca2266]

Cheguei também, mas meu site ficou todo bagunçado. Estou tentando concertar.

[@maryfelipe576]

Up

[@nknews3042]

up

[@mr.pulgito7755]

up

[@sasuketv1602]

@JR BEATS pow mano, ta certo vc, aprende agora já que vc é novo que lá pra frente vai ganhar muito dinheiro!

[@tendencias734]

muito grato por tudo que nos ensinou RBtech,em pleno 2019 aulas muito proveitosas

[@tiagoqueiroz9836]

Gostei muito das videos aulas até agora, mas você poderia fazer uma sobre o sublime text ensinado como usar os atalhos do teclado assim como você fez nessa aula.

[@FerWalison]

Deve-se apertar o CTRL+E pra identificar os comandos aplicados do HTML.

[@micaiasrodrigo4221]

pra pular de uma parte de uma linha de código pra outra é so apertar a tecla End pra adicionar um texto aleatório você escreve "lorem" (sem as " ") e aperta TAB

[@MarcosSantos]

Mais uma vez tenho que lhes parabenizar por essa vídeo aula! E muito obrigado por disponibilizar conteúdo de qualidade!

[@valdereiantunes]

+RBtech meus parabéns pelas aulas!!! Gostava muito deste assunto, mas sempre tive um certo receio em começar a mexer, me parecia coisa de outro mundo, mas com as suas explicações pude ver que não é assim um monstro, que com dedicação e estudo tudo é possível. Abraço.

[@lcelfpavers473]

VOCE E O MELHOR PROFESSOR QUE JA TIVE, PROCUREI E ATE PAGUEI POR CURSOS QUE OBTIVE RESULTADO SATISFATORIO, POREM COMO PROFESSOR AS SUAS EXPLICAÇÕES SAO DIRETETAS E OBJETIVAS, MUITO OBRIGADO PELO SEU CURSO!DEUS TE ABENÇOE

[@weldsonsilva6784]

A explicação dessa aula ficou muito rápida. O cérebro "bugou" ao acompanhar.

[@corretorbruno8812]

A última aula foi muito acelerada e acabei não entendendo muito a lógica das colunas na prática, sem saber qual a hora que devo usar. Tirando a última aula que foi acelerada de + eu achei ótima as aulas.

[@curumimetallic]

+Corretor Bruno também não entendi as colunas.

[@breakballs]

Mesma coisa, podia ter feito um site mais simples para não ficar tão complicado

[@vlogsdozeze]

Essas colunas são osso mesmo, mas é só voltar toda hora o video kkkkk

[@matheus2772]

Me diz como funciona as colunas! Pf.

[@franklinbowersjones6267]

@@matheus2772 A soma das colunas no seu arquivo .html sempre deve dar '12'. A diagramação esta dentro do seu arquivo estilo.css /* grid 960px/12= 80px, assim se usa 60px e espaço de 10px em cada lado da coluna*/ .linha{ width: 960px; margin: 0 auto; overflow: auto; /* ajuda a fazer uma forma autómatica do conteúdo que passar das linhas */ padding: 5px 0; } .coluna{ padding: 0 10px; float: left; } .col1{ width: 60px; } .col2{ width: 140px; /* se usa +80 px para dar a margem das colunas, conforme explicação inicial*/ } .col3{ width: 220px; } .col4{ width: 300px; } .col5{ width: 380px; } .col6{ width: 460px; } .col7{ width: 540px; } .col8{ width: 620px; } .col9{ width: 700px; } .col10{ width: 780px; } .col11{ width: 860px; } .col12{ width: 940px; /*Lembrar dos 10px de cada lado para fechar os 960*/ }

[@kairocosta6469]

texto aleatório: -Beiju. Às 6 horas as mulheres preparam o beiju, fazer beiju e tarefa feminina o homem cultiva a mandioca, mas a partir da colheita as tarefas da roça passam pra as mulheres, são elas que carregam as raízes, lavam a mandioca na água corrente do rio e depois começam a processar os alimentos, primeiro transformando a mandioca em polvilho, depois o polvilho vira uma massa quentinha

[@romualdo10279]

Parabens pelos os videos, eu que nao sei nada de HTML e CSS e estou apreendendo muito assistindo teus videos. Faço e refaço nao apanas os ultimos videos mas sim todos com objetivo de adquiri habilidades e mesmo tempo memorizar e entender alguns comandos. Meu eu se pudesse apertar a tua mão eu apertaria graça a Deus que ainda existi pessoas boas que querem ajudar o proximo e vc é dessas pessoas parabens. Deus te abençoe

[@JhonDonavanMiguel]

Excelente aula. é uma pena que o curso já está terminando.

[@marcosbento8781]

Vc é 10. Muito legal suas aulas. Acho que ficou faltando no menu a função active, quando por exemplo, ao clicarmos no link contatos no menu, esse link fica marcado. Agradeço se pudesse postar um video com essa função. Obrigado

[@hybekihyuga4214]

Me deu uma sensação tão boa quando visualizei o resultado XD

[@willm8077]

Idem hahaha

[@hybekihyuga4214]

willian mendes Idem?

[@willm8077]

Igualmente

[@JefersonAlan10]

Aulas essenciais, me ajudando muito. Muito obrigado mesmo pela didática e pelo empenho.

[@nonamesub2074]

muito bom as aulas até aqui, essa aula só ficou um pouco confusa... acho pq teve muitos cortes no que fez, mas compreensivo por causa do tempo....

[@juliomqsmsg]

ótimas aulas.... é só praticar pesquisando outros atributos. muito grato. Vou assistir outros cursos da RBtech.

[@maurosma]

Estou acompanhando o curso, muito bom o conteúdo e sua didática, um pouco acelerado. Acho que faltou colocar uma DIV com a class CONTATO, envolvendo a DIV class COLUNA COL7. Sem ela não formata os campos do form. Parabéns indo para a aula 15.

[@claudioeletricista1444]

Ricardo Boa noite! Sensacional suas aulas! Estou na aula 14

[@MiguelAngelo-yl3zi]

Curso muito bom. Me perdi um pouco no começo mais depois que pega a lógica de como fazer as coisas ai vai clareando um pouco mais a mente. Algumas coisas ainda to com duvida mais acho que quando eu ver a aula 15 vão ser esclarecidas vlw professor mt obrigado

[@AdilsonAssisRodriguesGomes]

Olá ricardo parabéns pelas aulas muito boas e pra quem teve problema com a coluna 7 de contato na estilização é só acrescentar na frente contato ok. Abraçossss.

[@valdenicesilvameirelles7298]

Oi Ricardo tudo bem? Eu gostaria de saber como eu faço para que o botão Enviar do formulário "Contato"funcione, ou seja, para que eu receba todas as informações do formulário no meu email. Eu assisti o seu curso de PHP, mais não consigo validar o botão. Será que você poderia me ajudar por favor? Agradeço desde já, Valdenice

[@estefersondiasmartins4205]

Cara, suas vídeo aulas são excelentes, parabéns pelo ótimo trabalho, espero um dia ser um profissional tão bom quanto você, um grande abraço e valeu mesmo pelas instruções...

[@rafaelbarboza6876]

Olá bom dia !! Eu já revisei meu CODIGO e percebi que ele fica à esquerda... Pq será??

[@sandraoseas]

Oi! Ricardo. Que tal cobrar uma taxa para aqueles, que gostariam de encontrar o erro na confecção dos arquivos html e/ou css? Conforme o preço cobrado pela correção, eu teria interesse. Estou quebrando a cabeça, e não consigo achar onde errei. Minhas colunas do "Veja quem já contratou nossos serviços" estão todas com endentação. E o meu botão "Ver todos", não deu as caras...

[@34114bruno]

Meus parabéns cara, sua historia muito bonita de superação.

[@Comentarios-eb4rq]

Pra quem ta com problema na posição da coluna, é so definir o widght do elemento que vc quer por no lado, e da um float

[@onikaoliver4876]

Não sei oque aconteceu! Mais as minhas informações estão posicionados a esquerda da tela e não ao centro! Sera que é a versão do normalize( versão 3.0.2)? Pode me ajudar ?

[@andresafernandes5691]

No meu caso, o erro estava no código, na parte do head

[@brunofernando7949]

Eu tive esse problema também, mas vi que na col 8 eu esqueci de botar uma . Comecei a usar o Dreamweaver e ele acusa quando a div tá sem correspondencia e aonde está a correspondencia da div

[@vagnersouza3987]

ate aqui ok valeu a pena aprendi muito ja estou viciando kkk organização de mudanças muito top obrig por compartilhar conhecimento

[@Echoes3333]

Pra galera que tá com problema de visualizar à esquerda, o meu tava assim também. O problema era no CSS, porque eu não coloquei "px" depois da width de algumas colunas.

[@adolfoprosdocimi2404]

Não consigo com que o site ao final fique em formato de tabelas, fica um embaixo do outro, já conferi todas as div, section, ul, li, etc... refiz passo a passo com o Ricardo, mas não tem como.. As aulas são ótimas, mas acho que ao final faltou uma 16 aula para mostrar todos os arquivos refinados e compilados..

[@sagazcssagaz284]

Oi RB Tech. Estou terminando esse modulo de HTML &CSS ainda hj. Vc pensa em fazer outro curso HTML e CSS avançado ou intermediário?

[@alessandromotta8917]

2021 e aprendendo mt com vc!!!! vc é top

[@MrCLAUDIOJUSTO]

Esta última aula está muito rápida. Não entendi o que acontece quando voce digita .linha e aparece

[@FabianoBezerra]

Ao usar © 2018 - WEBDev Não é desnecessário criar uma class footer sendo que poderia jogar a classe coluna dentro da tag footer ?

[@felipechierice8212]

Cara ta ficando tão massa meu site hsuahas, valeu prof. Ricardo!

[@deivissonvizan5718]

Achei a aula muito acelerada, acho que deixou de explicar um pouco mais detalhado alguns elementos como o &raquo, mas estou adorando o curso, parabens pelo trabalho !!

[@CosmoDeusX]

ele explicou, » significa as setas >> no texto, em html caracteres especiais voce digita com códigos, pesquisa no google caracteres especiais em html, vai encontrar a lista com todos > erikasarti.net/html/acentuacao-caracteres-especiais/ e ele explica os elementos nas aulas inciais, acredito que não tenha visto todos videos do curso de html e css. recomendo que para um melhor entendimento, você assista todas videos aulas.

[@birurex_mainfree5607]

Olhei a aula anterior e fala sobre o problema q todo mundo teve sobre ficar impilhadas o problema pode estar no float: veja se esta td certo ponto e virgula tudo, para nao haver problema.

[@apolosilva7505]

Valeu por compartilhar seu conhecimento!!

[@brunofranca7639]

ate agora eram as melhores víde-aulas que eu vi,porém ...

[@delltattoo5928]

Estephano, o meu tbm estava com esse erro e eu estou usando o normalize 3.0.2. Dei uma olhada bem detalhada e vi que a minha Coluna no estilos.css estava com a letra C maiuscula e no index ela estava minuscula. Bom, creio que deva ser algum erro do tipo ai no seu Abc

[@diegosilveira4028]

Olá Ricardo, no arquivo contato.html não faltou a class=contato? Pois no CSS você usou essa class.

[@lucasbecker3134]

Se você estiver tendo o problema das imagens ficarem enormes e não se ajustarem da forma que deveriam... Vá no css e insira o seguinte: section img{ width:100%; }

[@pedrosilva2313]

Funcionou para mim. Mas nao entendi o pq colocando esse trecho, a imagem volta ao normal :/

[@lucasbecker3134]

Ignore esse meu post, eu não tinha visto as vídeo aulas por inteiro ainda e depois ele mostrou como arrumar hehehe Siga o que ele faz que dará certo

[@felipeweihs]

19:05 tive que pesquisar se Possibilândia existe

[@kiter11245]

Estranho já revisei todo o código mas o meu também ficou a esquerda! não sei se é o normalize que está em uma versão mais atualizada, não sei até onde isso compromete!

[@michaelmascarenhas2719]

na verdade foi o sublime text que teve uma atualização, ao invés de usar width, coloca max-width: 960px, que vai dar certo

[@michel_clemer6819]

a maioria das paginas que fiz não ficaram com a imagem cortada e nem com texto em cima dela.

[@luizmartins8917]

A parte da formação esta ficando abaixo do SOBRE MIM, se alguem souber o pq ajuda por favor.... Martins Contabilidade MCont Home Clientes Serviços Sobre Mim Contato Sobre Mim: Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. Etica Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. Formação: Tecnico em informatica Ciencias Contabies Areas de Conhecimento Conhecimento x Conhecimento x Conhecimento x Conhecimento x Conhecimento x Curiosidade Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. O Lorem Ipsum tem vindo a ser o texto padrão usado por estas indústrias desde o ano de 1500, quando uma misturou os caracteres de um texto para criar um espécime de livro. Este texto não só sobreviveu 5 séculos, mas também o salto para a tipografia electrónica, mantendo-se essencialmente inalterada. Foi popularizada nos anos 60 com a disponibilização das folhas de Letraset, que continham passagens com Lorem Ipsum, e mais recentemente com os programas de publicação como o Aldus PageMaker que incluem versões do Lorem Ipsum. Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. O Lorem Ipsum tem vindo a ser o texto padrão usado por estas indústrias desde o ano de 1500, quando uma misturou os caracteres de um texto para criar um espécime de livro. Este texto não só sobreviveu 5 séculos, mas também o salto para a tipografia electrónica, mantendo-se essencialmente inalterada. Foi popularizada nos anos 60 com a disponibilização das folhas de Letraset, que continham passagens com Lorem Ipsum, e mais recentemente com os programas de publicação como o Aldus PageMaker que incluem versões do Lorem Ipsum. Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. O Lorem Ipsum tem vindo a ser o texto padrão usado por estas indústrias desde o ano de 1500, quando uma misturou os caracteres de um texto para criar um espécime de livro. Este texto não só sobreviveu 5 séculos, mas também o salto para a tipografia electrónica, mantendo-se essencialmente inalterada. Foi popularizada nos anos 60 com a disponibilização das folhas de Letraset, que continham passagens com Lorem Ipsum, e mais recentemente com os programas de publicação como o Aldus PageMaker que incluem versões do Lorem Ipsum. Ultimas Noticias Titulo da noticia publicada Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Leia Mais » Titulo da noticia publicada Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Leia Mais » Titulo da noticia publicada Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Leia Mais » © 2019 - Martins Contabilidade

[@rmarchimarano]

Parabéns pelo trabalho Ricardo. Uma dúvida. O texto da minha está "vazando" para a . Já revisei várias vezes o código e não consigo achar o problema. Você pode me auxiliar? Desde já agradeço.

[@josealexandre709]

Oi, meu texto ultrapassa o tamanho da coluna. Ou seja ele não acompanha o tamanho da coluna simplesmente pulando a linha para a de baixo , ele vai embora na mesma linha . Como resolvo isso?

[@RBtechinfo]

Revise seu código, alguma coisa está diferente do que foi mostrado nas aulas.

[@EvertonGamesBR]

Pessoal que está com problema e ta tudo na esquerda só adicionar um "float right; " na .col5 , ficando assim: .col5 { width: 380px; float: right; }

[@Dan_XF07]

Amigo, o meu continua tudo a esquerda! Já revisei todo o código :( quando você diz somente na col5 seria assim ??? .col5{ width: 380px; float: right; } Pois mesmo eu alterando assim.. tudo continua a esquerda.. sinceramente não sei o que está havendo :(

[@birurex_mainfree5607]

Eu usei float: left; em todas as linhas .col* e resolvel amigo...

[@caiowillen]

O meu não ficou assim ficou tudo para esquerda e empilhado

[@lusheng2346]

nao copia o h2 junto preste atenção na nomenclatura

[@pthiago_s5075]

css errado

[@luisantonio403]

só queria que o código estivesse disponível, ia ajudar tanto...

[@PauloRicardo-rc4en]

Gostei muito da aula porém meu código está apresentando erros na exibição das imagens. Alguém que está com o código funcionando corretamente pode compartilhar só o código fonte pra eu comparar com o meu por favor?? Obrigado

[@roqueribeirojunior937]

To quase la

[@NelsonLNeto-uw4rb]

Eu estou fazendo o curso neste 2020 mesmo que ja passam 6/7 anos me sinto entrando com sucesso no mundo tecnologico. Em geral as suas aulas sao um mimo mas deixa salientar a velocidade e a explicacao desta aula me pos a queimar muitos neuronios tive que ligar dois pcs para acompanhar e fazer deixando a faze da percepcao como tal para o fim. Feito isso voltei a acompanhar e consegui perceber acima de 70% mas estou muito confuso ainda na utilizacao das linhas e colunas.

[@patriciaberto8528]

tb

[@fallinthevoid3772]

Mano pra quem ta com o problema de fica alinhado a esquerda. Eu não sei se é oc aso de vcs mas foi o meu no css .coluna coloca float:left

[@kevinbavia0a10]

Parabéns pelo trabalho.

[@Isaprevitalli]

Uma dica, já deixem pra salvar em automático!

[@danielsantana5126]

Uffa Cheguei até aqui hehehe

[@kadumoraes7157]

Queria saber como eu implemento o slide ai ótimo curso

[@Esmaganoob]

ola amigos estou seguindo a aula direitinho mas quando vou abrir no navegador ele vai e aparece o resultado da aula passada do col 1 2 e tals como faço pra resolver?

[@andersondioniteles8885]

no lugar de por imagens eu gostaria de por videos, é possivel? q tag devo usar?

[@JoandersonPC]

Mais ou menos assim cara!

[@WcbielAlencar]

ricardo a minha n fico centralizada ficou a img grande tampando metade da tele e o clientes satisfeitos a esquerda . ja revisei os comandos e tals as colunas e tudo

[@duardaemilli]

próxima aula é a ultima aaa :( curso tão legal

[@LuizMoratelli]

Quando você coloca .coluna.col.sidebar qual tecla usa pra preencher o codigo?

[@davidcavalcantedasilva7959]

Usando a tecla "Tab".

[@LuizMoratelli]

eu tentei aq e não foi, estou com a 3ª versao do sublime

[@davidcavalcantedasilva7959]

É preciso instalar alguns plug-ins. Nesse tutorial tem explicando como que instala: kzbin.info/www/bejne/b5q3pmZ5bqutjpY

[@RBtechinfo]

***** dev.rbtech.info/instalar-emmet-sublime-text/

[@fabiolasilva7773]

+RBtech Professor! Como eu faço para baixar as imagens? Sou iniciante. Pode me ensinar? Obrigada!

[@diciwest1811]

oi o meu nao ta dando na imagem GET net::ERR_FILE_NOT_FOUND

[@777LUCKBOY77]

poxa eu coloquei as coluna tudo certinha ai quando eu fiz o site fico tudo bagusado.

[@DanielCruzDF]

aulas sensacionais

[@avanzasaobentob9897]

Muito bom esse curso estou aprendendo muito mesmo mais so quero saber porque minhas imagens ficaram quebradas?????

[@antoniosanches1586]

+Avanza São Bento B tente conferir todo o link para as imagens. As vezes mudamos a pasta de lugar e nos esquecemos de alterar os caminhos. Ex: /projeto/img/imagem1

[@gazamba]

Pro pessoal que está visualizando a esquerda, de uma olhada em uma div mal colocada, eu revisei e achei o erro ali.

[@juliosezarolivera2655]

vlw ai

[@jkrocha2004]

Quem puder, ajuda ai. Eu criei o site igual no vídeo, porem depois começei alterar umas coisas, tipo; Nessa parte cliente.html, onde tem duas col6 e 6 col4, eu criei mais uma col4 e modifiquei as col6 para col4. ficaram então 9 col4. Quando abro o navegar, essa ultima col4 fica desalinhado. Não importa onde coloco ela, em primeiro, no meio ou no final. Onde ela está, não dá alinhamento. Sendo que no CSS está configurado para todas linhas e colunas. Alguém sabe como arrumo essa parte?

[@felipehilario9520]

Minhas fotos não aparecem no site, quando eu preencho com ícone html, aparece o ícone, mas quando eu tiro não aparece nada, alguem pode ajudar?

[@fernandalauton4709]

não gostei muito dessa ultima aula muito rápida sem muitas explicações muito confuso

[@detudopravoces]

como publica na intenet a minha pagina

[@calebearlan926]

5 anos sem resposta em descubriu afinal?

[@MundoDaKa]

@@calebearlan926 puts kk

[@duardaemilli]

@@calebearlan926 quase seis aushuahsusah

[@janeidejanne1987]

Olá Ricardo, parabéns pelas aulas! Tenho uma dúvida...as páginas "serviços e contatos" não aparecem, já verifiquei tudo e parece correto, pode me dizer o que pode ser este erro?

[@fabiolasilva7773]

+Eric Silva EricsSabe como fazer para baixar as imagens? pode me explicar? Obrigado

[@huntervideos22]

Essa aula q mais demoro mais deu certo no final rsrsr

[@bytefloww]

mostra os comandos de teclado no sublime text

[@victorsamueldossantos3810]

As minhas imagens estão ficando a esquerda e empilhadas, alguém conseguiu resolver esse problema? Estou usando o ubuntu 18.04 e o visual studio.

[@dudalemos-digitalpratodos7487]

como eu faço pra direcionar essas mensagens digitadas no formulário contato para o meu email???

[@ghenissonsousasantos2804]

O meu está tudo em uma única coluna... fiz as div certinho mas... RBernardi - Desenvolvimento Web RBernardi home Cliente Serviços Sobre contato Clientes satisfeitos Nome da Empresa 1 Nome da Empresa 2 Nome da Empresa 3 Nome da Empresa 4 Nome da Empresa 5 Nome da Empresa 6 Nome da Empresa 7 Ver todos » Ultimo Trabalho: Empresa ABC Estamos entrando na reta final do nosso curso, e nada melhor do que criar um site completo para aplicar tudo que foi aprendido até agora, além de aprender umas coisinhas novas também. Ver outros trabalhos » Como um site pode ajudar sua Empresa Resumindo a conversa você precisa de um domínio e uma hospedagem para seu site. Resumindo a conversa você precisa de um domínio e uma hospedagem para seu site. Resumindo a conversa você precisa de um domínio e uma hospedagem para seu site. Ultimas notícias Título da notícia publicada no blog bolsonaro é noticia bolsonaro ´´e noticia todo dia todo dia tem noticia Título da notícia publicada no blog bolsonaro é noticia bolsonaro ´´e noticia todo dia todo dia tem noticia Título da notícia publicada no blog bolsonaro é noticia bolsonaro ´´e noticia todo dia todo dia tem noticia

[@fernandolisboa]

Bom dia, a configuração do seu "sublime" faz bastante coisas automaticamente, pois tentei aqui digitar o .coluna.col4 e não formatou conforme o video, voce teria estas configurações, ou como fazer para acontecer assim, outro detalhe, quando digito , no seu caso ele já inclui o fechamento, no meu não, alguma confguração tambem, fora o menu lateral que não aparece aqui tambem, (detakhe, no windows funciona, no MAC não) obrigado Lisboa.

[@RBtechinfo]

Instale o Emmet, tem vídeo aqui no canal falando sobre ele.

[@igorcesar159]

o galera uma dica ai pra quem não esta achando o erro no seu código e tentar consertar trocando as posições das divs usando as margem e outros parâmetros de trocas de posições

[@josefajesus9703]

deixa o teu trabalho do site na redes sociais :) trabalho legal o seu vlw

[@deivinzonox411]

Minha página ''clientes não mostra imagens por que?

[@RBtechinfo]

Porque alguma coisa não está como na aula, revise com calma seu código. kzbin.info/www/bejne/Y5K3n4uVnaeqiqc

[@calebearlan926]

Como faz o lance da criação rapida com o . ?

[@matheusrossot1]

Cara gostei ate a aula 13... nessas ultimas parece que voce ficou com pressa de ensinar..

[@willdsz]

Como se cria uma div a partir de uma classe como foi feito no video? Existe algum atalho ou foi obra da edição?

[@rodrigues5544]

usando um plugin (Emmet) no próprio site do RBtech tem um vídeo ensinando a baixar.

[@thediamondplus4535]

Aprendi muito com seus vídeos , parabéns ........... mas eu sou muito azarado que fiz merda no negocio tudo , eu tinha feito tudo certinho (tinha colocado até os diretorios das img )mas eu apertei um botão sem querer e o negocio apagou e saiu d tudo aff

[@arthurfrancesch99]

tambem so de porto alegre

[@danysinchro]

Sou muito contra a utilização de overflow: auto para este propósito rs. Mas o vídeo está excelente :D

[@Echoes3333]

Por que?

[@NilsonPereira12]

Já fiz tudo certinho... "depois de varias vezes" kkk, tudo saiu de acordo, só que a parte "como um site..." não quebra pra que o de "últimas noticias...." fique como ta ai. não consigo quebrar o texto para que essa parte de baixo fiquei do lado direito e acima do lado do outro texto... obs: NÃO TEM NADA FORA DE ORDEM, ESTÁ TUDO CERTINHO.

[@Guhzak]

Conseguiu amigo? Estou com o mesmo problema

[@jordanbacellar1719]

Boa noite! Tem uma parte que ele mostra o site e diz que contém um erro, em seguida ele apaga a dizendo que está errado, mas eu deixei a e a parte de "últimas notícias" ficou a direita de maneira correta. Testem aí!

[@rerysonsantos7647]

muito bom

[@pauloandrade8419]

olá Ricardo, tem como vc me responder pq vc usou dentro das divs?

[@pauloandrade8419]

alguem?

[@davidprezado5380]

​@@pauloandrade8419 penso que seja para ficar na linha, daí a div se chamar linha

[@heitormedrado1262]

Lorem ipsum dolor sit amet , consectetur adipisicing elit Nulla cumque maiores , nesciunt sequi . Quam repellat odio enim , nisi facere maiores rerum ! Labore quas , necessitatibus aspernatur ! Voluptatibus ad nesciunt , consectetur et velit cupiditate , consequatur asperiores reiciendis tempore sequi ipsam , fugit alias error deleniti ? Architecto doloribus est facere odio vel placeat ea . o texto que ele passa a 6:16 < p > Lorem ipsum dolor sit amet , consectetur adipisicing elit . Modi labore voluptatem vel excepturi porro dolorum autem quia veniam , a , at molestiae , in ut dignissimos , natus . < / p > essa e a parte 7:11

[@Yoshiss]

cara a minha nao ficou assim nao ficou toda reta ! alinhada a esquerda fiz tudo igual

[@andersondioniteles8885]

vai no seu estilo.css e coloca em todas as col1 à col12, float: left

[@fehodable]

vaaaleu cara, tomei um susto aqui heuaheuhea

[@gautamamoglie7570]

ALGUÉM PODE ME EXPLICAR , PQ MESMO O LANCE DAS 12 COLUNAS

[@suzysouto7136]

É um tipo de orientação pra saber onde as coisas vão ficar. Tipo posicionamento, distância...

[@marcoanjos6545]

minhas imagens estão ficando juntas umas das outras e sem espaçamento entre elas, alguém poderia ajudar por favor?

[@canal_p]

Nota 10000.... Melhor curso

[@birurex_mainfree5607]

Resolvi o problema era um ponto e virgula que faltava dentro do arquivo .css Se tudo estiver correto no html veja se o arquivo css pq tbm pode estar faltando algo um simples ponto e virgula faz o codigo nao trabalhar da maneira correta

[@Savert616]

o meu "clientes" nao esta funcionando

[@namisanws2340]

A minha parte da menssagem ficou bugadA