Site em Tableless – Parte 4
Fala galera! Estamos aprendendo a montar um site em tableless. Se você perdeu as 3 matérias anteriores, será essencial começar desde o início.
Estilização do Menu
Agora vamos continuar a editar nossa div menu. Sem dúvida essa é uma das partes mais complicadas no processo da criação do site.
Através dessa estilização, você pode fazer coisas incríveis no menu do seu site! Vai levar em conta sua criatividade.
Agora é simples, na index.html selecione a aba texto no dreamweaver. Dentro da div menu adicione uma lista (ul).
E adicione quantos elementos (li) você desejar. No nosso caso, cada elemento será um link, ou seja, o número de elementos que você adicionar vai variar do número de páginas do seu site.
No meu caso, criei 5 elementos dentro da lista. Olha como ficou o meu:
Agora falta linkar cada elemento.
Por hoje é só. Nas últimas duas partes vamos criar as divs restantes.
Abraços galera! Deus nos abençoe!
Escrito por Luiz Gustavo
on junho 7, 2008. Arquivado em CSS.
Você pode seguir as respostas a esse artigo pelo RSS 2.0.
Você pode deixar respostas para esse artigo
Salve, Luiz.
Parabens pelo tutu.
To acompanhado a finco, e por enquanto to me saindo bem. Teria como os links: pagina inicial, quem somos etc ficaram centralizado na div menu?
O menu não aparece lado a lado.
Ta um em baixo do outro.
Onde errei?
No internet explorer rolou… só que no mozilla ele não fica centralizado..
Problema resolvido!
parabéns, consegui acompanhar, o menu tinha ficado centralizado e ai mudei o padding colocando 1px 10px 0px 10px e voltou ao normal.
Estou aproveitando muito este material.
Fico só na espera da quinta parte.
=)
quando eu adiciono a o meu menu fika com duas vezes a altura centralizando o texto, qual poderia ser o erro?
otimo tutorial me ajudou bastante.. gostaria que tivesse continuidade… onde esta a aprte 5?
Att fernando
Estou acompanhando o seu tutorial, e gostaria de parabenizá-lo pela iniciativa!
Fico no aguardo das próximas etapas.
Nossa muito show seu tutorial..
Acompanhei todas as partes e aguardo ancioso pela parte 6.
Bom estou seguindo o tutorial esta otimo
eu estou com mesmo problema que o amigo ali em cima !
que o menu não aparece lado a lado !
fica um embaixo do outro !
onde eu errei ?
abrigado pela atenção !