Com o e a formatação feita no css, os links ficam na vertical, precis utilizar float: left para ajustar em horizontal. Então suibstituí o por lá no html.
@@mcclaytonde Aqui também ficou na vertical, mas é por causa do navegador, o Chrome, ai comecei a olhar nos comentários, e achei esse ai de cima. Mas se usar Firefox, IE = Horizontal Edge, Chrome = Vertical Mas o que mais me impressiona é ninguém comentar isso, parece que Bruno usa o Firefox. Uma das coisas que me dá raiva na programação WEB, são essas coisas, cada navegador trata de uma maneira, e acaba perdendo o foco do negocio, para tratar coisas sem sentido como saber como o navegador vai tratar coisas simples. Aplicação desktop com EXE, não tem isso, executou, já era.
EU RECOMENDO USAR Home Contact About css li{ float:left; } o resto é simples nem vale a pena colocar aqui, só coloquei css li caso não conseguem fazer igual o vídeo.
Estou vendo essa aula depois de ter criado um projeto pra faculdade que era a criação de um site para pet shop. O tanto de div que eu tive que alinhar pra formar o menu do site pq não conhecia esse comando USHASAUHSAUH
12:34 o "_new" aqui, mesmo já tendo outra aba aberta, ele abre uma nova, só abre na mesma se for exatamente o mesmo endereço. 12:45 como está ai, clicando, ele abre uma nova para cada, mas se voltar e clicar de novo em cores, ou em posts, ele abre de novo nas antigas que tinha aberto da primeira vez.
Exato, e o espaço não some mesmo tirando padding e margin, então a não ser que o cara preencha aquele espaço com groselha, vai ficar um vão bem incômodo na página. OBS: acontece a mesma coisa com a tag , acabei de testar aqui.
Prof Bruno, estou tentando aplicar: display: flex; flex-wrap: wrap; Mas, não está funcionando. Não procurei a documentação para verificar a aceitação dessa funcionalidade. Você poderia me responder se é possível usá-la?
Quando coloco o menu âncora, ao ir para o ponto da página que eu quero, parte dele fica por baixo do cabeçalho (que é fica fixo mesmo quando rola a página, porque tem efeito sticky). No wordpress, em Elementor, na parte Editar menu âncora > avançado > avançado > preenchendo os campos ID CSS com: .anchor { padding-top: 90px; } e o campo Classe CSS com: Bar, mesmo assim o cabeçalho (header) fica cobrindo parte do texto da página. Pode me ajudar com isso, por favor?
Baixa imagem inclui elas e faz a formatação delas no css mesmo ou faz no HTML e usa elemento img ou então vc pode pegar ícones na biblioteca fontawesome
Já testei aqui ,as s te limita ,não permite que você faça chamada de pgs do google e outros sites ...Já na chamada das pgs você faz oque quiser . Porém nas você tem uma cadeia de comando pré estabelecido sobre oque usuário pode fazer ex: controle de poups,utilização de script....Já na chamada você tem que desenvolver tudo em JavaScript do ZERO.
fiquei com uma dúvida aqui, Fiz igual as configurações da aula, mas quando eu coloco mais 2 ou 3 links, é criado uma barra de rolagem horizontal para ver os links que foram criados, tipo eles não continuam até o final da página horizontalmente. #obMenu{ width: 100%; padding: 0px; margin: 0px; } a{ text-decoration: none; color: #fff; background-color: #088; display: table-cell; margin: 0px; padding: 0px; text-align: center; vertical-align: middle; width:300px; height: 40px; font-size: 18px; } a:hover{ background-color: #00f; }
opaaa! achei o problema, mas vou deixar a pergunta e a resposta aí pq, se caso alguém tiver o mesmo problema consegue resolver fácil. são dois documentos HTML, e eu só tinha linkado o CSS em um deles, é necessário os dois docs estarem recebendo a CSS.
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](http://i.ytimg.com/vi/sSkmBxsaJWg/mqdefault.jpg)
Com o e a formatação feita no css, os links ficam na vertical, precis utilizar float: left para ajustar em horizontal. Então suibstituí o por lá no html.
O salvador da pátria! pqp
@@mcclaytonde
Aqui também ficou na vertical, mas é por causa do navegador, o Chrome,
ai comecei a olhar nos comentários, e achei esse ai de cima.
Mas se usar
Firefox, IE = Horizontal
Edge, Chrome = Vertical
Mas o que mais me impressiona é ninguém comentar isso, parece que Bruno usa o Firefox.
Uma das coisas que me dá raiva na programação WEB, são essas coisas, cada navegador trata de uma maneira, e acaba perdendo o foco do negocio, para tratar coisas sem sentido como saber como o navegador vai tratar coisas simples.
Aplicação desktop com EXE, não tem isso, executou, já era.
Ainda nao testei. Mas obrigado pela dica !
Se tivesse a opção de dar 1000 likes eu daria. Parabéns!
Professor, cria algum grupo no whatsapp... Os participantes poderão tirar as dúvidas entre si. Muito eficaz.
muito bom, melhor do que usar listas
Também prefiro assim, é mais simples e gera o mesmo efeito
EU RECOMENDO USAR
Home
Contact
About
css
li{
float:left;
}
o resto é simples nem vale a pena colocar aqui, só coloquei css li caso não conseguem fazer igual o vídeo.
Fui fazer da forma usando o object e deu erro,
Estou vendo essa aula depois de ter criado um projeto pra faculdade que era a criação de um site para pet shop. O tanto de div que eu tive que alinhar pra formar o menu do site pq não conhecia esse comando USHASAUHSAUH
Agora sim, esse macete é muito bom
Muuuuito bom mesmo, deixa tudo mais leve
Excelente suas aulas
Tentarei criar utilizando flex-box.
e parabéns pelo otimo trabalho
Show.
12:34
o "_new" aqui, mesmo já tendo outra aba aberta, ele abre uma nova, só abre na mesma se for exatamente o mesmo endereço.
12:45 como está ai, clicando, ele abre uma nova para cada, mas se voltar e clicar de novo em cores, ou em posts, ele abre de novo nas antigas que tinha aberto da primeira vez.
Google abre pgs do Google na mesma aba ,Facebook abre pgs do Facebook na mesma aba ...
ola boa noite, muito bom, parabéns. Como faria pra deixar o link ativo com um fundo diferente?? poderia me ajudar. Obrigado.
Olá, basta formatar o background-color no active do link
Like.
Óla 'fessor' gostaria de saber sobre o curso c++, ainda tera aulas?
Quando utilizo o table-cell no display, ele coloca quebra de linha, aí preciso colocar as tags a todas na mesma linha.
Bruno, qual a melhor forma de aplicar um mesmo estilo de cabeçalho, que inclui menu e links para redes sociais, em várias páginas no mesmo projeto?
Observei que sua página abre no file como faço para abrir um tabela no Excel de um link na minha página? Obg
Legal, mas fica um espaço grande debaixo do menu.
Exato, e o espaço não some mesmo tirando padding e margin, então a não ser que o cara preencha aquele espaço com groselha, vai ficar um vão bem incômodo na página. OBS: acontece a mesma coisa com a tag , acabei de testar aqui.
adc outros aqrquivos html em um html? mind blown
Prof Bruno, estou tentando aplicar: display: flex; flex-wrap: wrap; Mas, não está funcionando. Não procurei a documentação para verificar a aceitação dessa funcionalidade. Você poderia me responder se é possível usá-la?
Quando coloco o menu âncora, ao ir para o ponto da página que eu quero, parte dele fica por baixo do cabeçalho (que é fica fixo mesmo quando rola a página, porque tem efeito sticky). No wordpress, em Elementor, na parte Editar menu âncora > avançado > avançado > preenchendo os campos ID CSS com: .anchor { padding-top: 90px; } e o campo Classe CSS com: Bar, mesmo assim o cabeçalho (header) fica cobrindo parte do texto da página. Pode me ajudar com isso, por favor?
Professor bruno boa tarde!
Esse link para o endereço das apostilas esta dando pagina não encontrada.
cfbcursos.com.br/apostilas-cfb/
eu cria saber como cria menu com Ícones você poderia ensinar
Baixa imagem inclui elas e faz a formatação delas no css mesmo ou faz no HTML e usa elemento img ou então vc pode pegar ícones na biblioteca fontawesome
Não seria a mesma coisa que usar um ? Qual é a diferença?
Já testei aqui ,as s te limita ,não permite que você faça chamada de pgs do google e outros sites ...Já na chamada das pgs você faz oque quiser . Porém nas você tem uma cadeia de comando pré estabelecido sobre oque usuário pode fazer ex: controle de poups,utilização de script....Já na chamada você tem que desenvolver tudo em JavaScript do ZERO.
fiquei com uma dúvida aqui, Fiz igual as configurações da aula, mas quando eu coloco mais 2 ou 3 links, é criado uma barra de rolagem horizontal para ver os links que foram criados, tipo eles não continuam até o final da página horizontalmente.
#obMenu{
width: 100%;
padding: 0px;
margin: 0px;
}
a{
text-decoration: none;
color: #fff;
background-color: #088;
display: table-cell;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
width:300px;
height: 40px;
font-size: 18px;
}
a:hover{
background-color: #00f;
}
opaaa! achei o problema, mas vou deixar a pergunta e a resposta aí pq, se caso alguém tiver o mesmo problema consegue resolver fácil.
são dois documentos HTML, e eu só tinha linkado o CSS em um deles, é necessário os dois docs estarem recebendo a CSS.
você fez seu próprio site? o "cfbcursos.com.br/"
Sim, mas está desatualizado
@@cfbcursos Fez manualmente com uso de liguagem de programação ou usou alguma plataforma?
Achei legal sim, mas dá tanto trabalho e tem tanta chance de bugar que prefiro repetir código. Na moral.
Eu n consigo, ele não funciona como um botão
Nem precisa fazer require com php...
Essa maneira de pedir para assinar o canal é horrível porque ainda esta a dar a aula foi uma má escolha.. Na minha opinião..