Menu com divisão vertical entre os links

[Junio Araujo 0]

Olá galera, to precisando de uma mãozinha aqui. Ta osso!

 

Preciso fazer um Menu que ao listar os Links apareça uma divisão entre os mesmos criando 2 colunas.

 

Tipo:

 

Seria apenas CSS ou JQuery + CSS? Me ajudem ai turma!!

 

Valeu!

[brunosk2 0]

Esse menu vai ser estático, certo(não serão gerados por programação)?

É fácil, você faz duas listas e alinha (float) a primeira à esquerda, e a segunda à direita ().

E poe um border-left na primeira lista.

[Giovani 104]

Esse link vai te ajduar bastante: Repente CSS - [Menus]

[Junio Araujo 0]

Ok gente, valeu! Vou tentar e qualquer coisa aviso vocês. Brigadão

[Junio Araujo 0]

Olá turma!

Não consegui Bruno do jeito que você explicou, e os exemplos que tem no Link do Giovani não tem nenhum do jeito que eu rpeciso. Parar o mouse e descer a opção com 2 colunas.

 

Tem como mandar um exemplo?

 

vlw.

[BCunha 0]

Desenhe uma linha vertical no photoshop, a recorte certinho,e a salve como .jpg Depois é só incluir a imagem entre as divs.

 

por exemplo:

 

<div id="cursos" style="float:left;">

 

</div>

<img src="linha_vertical.jpg" style="float:left;" />

<div id="pos_graduacao">

 

 

</div>

 

Depois é só ir arrumando a imagem da linha com o margin-top e margin-left, use números negativos se for preciso para puxar para a esquerda ou direita, como: margin:left:-80px;