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 ;)
Curso HTML e CSS – Aula 24 – Como Criar Um Menu Com HTML e CSS
- Postado em 18 de Maio de 2012
- 17 Comentários
Compartilhar no facebook
Facebook
Compartilhar no whatsapp
WhatsApp
Compartilhar no linkedin
LinkedIn
Compartilhar no twitter
Twitter
Compartilhar no pinterest
Pinterest
Rick Bauck
17 comentários em “Curso HTML e CSS – Aula 24 – Como Criar Um Menu Com HTML e CSS”
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…
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!
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!
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!
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!
Excelente! Inclusive pelo uso do “display”. Não conhecia! Sempre usava float:left para quebrar a lista. Valeus!
Obrigado Daniel. Bom aprendizado!
mano valeo suas videos aulas são muito boas valeo mesmo ajudo muito.
Obrigado Jeferson, Bom aprendizado!
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!
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!