Redes

Criando Menu Vertical em Tableless
Aprenda a criar menus com o uso de listas
Publicado em: 07/01/2008 | Autor: Silvio Araujo | Categoria: CSS
Olá pessoal! Hoje estou aqui para falar um pouco sobre a técnica que é usada para se construir menus. Antigamente eram usadas as tabelas, mas o Tableless veio com o objetivo de redefinir o uso das tabelas, porque afinal, as tabelas são apenas matrizes de linhas e colunas que armazenam dados, tendo seu uso especificamente para isso.

Podemos entender um menu como um agrupado de links organizados de alguma forma. Se é um agrupado de links, podemos usar as listas para construir um menu.

Então vamos lá.

vamos criar uma lista com o id = "menu" <ul id="menu">

<li><a href="#" title="Conheça nossa agência">Agência</a></li>

<li><a href="#" title="Conheça nossa equipe" >Equipe</a></li>

<li><a href="#" title="Saiba mais sobre nossos serviços">Serviços</a></li>

<li><a href="#" title="Veja nossos trabalhos de sucesso">Portfólio</a></li>

<li><a href="#" title="Entre em contato conosco">Contato</a></li>

</ul>

Uma dica importante: Para a melhor compreensão dos usuários podemos usar a propriedade TITLE que define um equivalente textual para o link. Usem o TITLE para definir uma frase sobre o link.. Para a questão da acessibilidade podem ser usadas outras propriedades, mas isso será nosso objeto de estudo na próxima matéria.

Pronto, temos a lista criada..

Outra dica importante: Não usem Home ou Início no Menu. Usem o menu de forma objetiva, exibindo apenas o necessário. Se quiserem colocar um link para o início da página é só colocar um link na logotipo do site.

Agora é que está a grande jogada... Vamos tirar os marcadores: <style