Menu em CSS

[tony_lu 1]

Ola pessoal...td bem?

Preciso fazer um menu em CSS...mas estou com dificuldades e preciso de uma ajuda!

O menu é como se fossem botoes.... vai pegar os links do banco de dados... preciso que esse menu fique em duas colunas como na imagem abaixo:

 

 

O problema galera é que para fazer um menu dessa forma só consigo utilizando o "display: block;" mas dessa forma ele fica em lista e não consigo deixar em colunas...passo abaixo como eu fiz:

 

CSS

div#menuhome {

width: 465px;

height: 380px;

background: #E8EDF4;

}

 

div#menuhome a {

display: block;

width: 225px;

height: 60px;

border: 1px solid #dbe2ea;

}

HTML

<div id="menuhome">

<a href="#">Alimentação</a>

<a href="#">Bares & Cafés</a>

<a href="#">Diversão</a>

<a href="#">Saude</a>

<a href="#">Transporte</a>

<a href="#">Compras</a>

.... etc

</div>

Será que alguem pode me ajudar...

Agradeço muito!

Abs

[brcontainer 16]

faça assim:

 

div#menuhome a {
float:left;
display: block;
width: 225px;
height: 60px;
border: 1px solid #dbe2ea;
}

div#menuhome a.dir {
float:right;
}

<a href="#">Alimentação</a>
<a href="#">Bares & Cafés</a>
<a href="#">Diversão</a>
<a href="#" class="dir">Saude</a>
<a href="#" class="dir">Transporte</a>
<a href="#" class="dir">Compras</a>

ou então você pode criar DIvs PAIS assim

 

falow abraço ;)

[tony_lu 1]

faça assim:

 

div#menuhome a {
float:left;
display: block;
width: 225px;
height: 60px;
border: 1px solid #dbe2ea;
}

div#menuhome a.dir {
float:right;
}

<a href="#">Alimentação</a>
<a href="#">Bares & Cafés</a>
<a href="#">Diversão</a>
<a href="#" class="dir">Saude</a>
<a href="#" class="dir">Transporte</a>
<a href="#" class="dir">Compras</a>

ou então você pode criar DIvs PAIS assim

 

falow abraço ;)

Valew silverfox...consegui fazer dessa forma mas gostaria de saber como você se refere a divs Pais...neste caso!

Tenho uma outra duvida...em todos os links eu possuo sublinks ex:

 

- Turismo

Praias, Igrejas, Museus ...

 

Como aparece na imagem que adicionei.... portanto em cada link vou ter esses sublinks...como posso adiciona-los?

Agradeço pela ajuda e paciencia!

Abs