Curso HTML e CSS – Aula 24 – Como Criar Um Menu Com HTML e CSS
Publicado em 18 de maio de 2012 | Por Rick Bauck
Categoria: CSS, HTML, Vídeo Aula | 3.807 views
Veja como criar um menu com HTML e CSS. Boa Aula!
Para baixar o arquivo do Fireworks clique aqui. Ajude na divulgação do curso de HTML e CSS, compartilhe com os seus amigos.
BRB 
Olá, tudo bem? Muito interessante sua aula, mas como no final na aula você mostrou que quando ao passar o mouse pelo menu trocaria de cor do fundo fazendo isso no pseudoseletor hover no css, mas no menu contato não preencheu totalmente, então fiz uma tentativas e encontrei uma solução.Não se é a correta, mas funcionou. Inseri no documento HTMML um . qual sua opinião? Aguardo
Olá Ogeris, funciona também, mas se você deseja ter um arquivo com um bom código, crie uma class apenas para a ultima “li” e adicione uns 2/3pxs a mais para completar. Abraço!
Obrigado pela ajuda que me deram aprendi bastante
Parabéns à Vossa equipa.
Por nada Sérgio, obrigado você pela visita e comentário. Abraço!
mano valeo suas videos aulas são muito boas valeo mesmo ajudo muito.
Obrigado Jeferson, Bom aprendizado!
Excelente! Inclusive pelo uso do “display”. Não conhecia! Sempre usava float:left para quebrar a lista. Valeus!
Obrigado Daniel. Bom aprendizado!
Excelente curso. Porem ocorreu uma duvida referente a primeira div formatada com background preto. Gostaria de saber qual sua exata finalidade , pois quando removo esta formatação não altera o resultado final em nada
Olá José, eu coloquei uma cor para que fosse possível visualizar na gravação. Também é um auxilio para localizar o espaço do menu. Abraço!
Boa tarde, eu estou fazendo o seu curso de HTML e CSS e estou fazendo um protótipo de site, usando a aula 22 e a 24, quando criei o Menu dentro da div menu ela não fica centralizado em relação a margem do menu top e bottom do menu igual mostrado a aula . Fiz exatamente igual nas duas aulas e mesmo assim os botões do menu ficam fora da div menu. Como faço para corrigir esse erro !? Obrigado
Olá Thiago, no caso, coloque o código do menu dentro da DIV. Abraço!
Tenho assistido muitas vídeo aulas pela internet, mas nenhuma chegou nem perto de ser tao boa quanto as suas. parabéns, e obrigado pela ajuda!!!
Obrigado, Renato. Bom aprendizado e abraço!
Brother, fiz tudo da forma como vc tem ensinado no tutorial, porém existiu alguns erros, por exemplo, havia espaço entre cada menu na parte superior, o nome contato sumia, ficou meio que bagunçado, meu dreamweaver é o CS6, aula muito boa, pena pra mim que n deu certo aqui!
me ajuda pliz, muito interessante este assunto!
Agradeço…
Nadosn, acredito que deve ter algum erro na formatação CSS, assista o tutorial e refaça o procedimento. Abraço!
kara eu tenho uma dúvida, quando se cria a estrutura na 1º linha do CSS, tem essa informação,
*{margin:0; padding:0; border:0}, o meu problema é quando eu digito outras informaçoes, tudo fica com as mesmas caracteristicas, atrapalhando, como por exemplo, o meu texto, as minhas imagens e o resto das informações dentro do CSS!
meu texto n fica normal, as imagens tbm, e outras coisas!
pode me ajudar a configurar sem ter no Css as caracteristicas da linha 1? ou existe alguma outra forma de como devo proceder?
Agradeço muito por ajuda…