Jump to content
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

HoudinY

Menus e sub-menus

Recommended Posts

HoudinY

Boa tarde, eu estou a fazer um website pessoal e deparei-me com uma dificuldade. Anexei uma imagem do que quero fazer quando o rato passar por cima do botão do meio do meu menu, mas não estou a ver como vou estruturar as tabelas em css.

68192118.png

este é o meu código do menu, os projectos vao ser adicionados por php, não é uma prioridade


<div id='cssmenu'>
<ul>
<li><a href='index.html'><span>Sobre Mim</span></a></li>
<li class='has-sub'><a href='#'><span>Projectos</span></a>

<ul>
<li><a href='#'><span>Jogos</span></a></li>
<ul>
<li><a href='#'><span></span></a></li>
<li class='last'><a href='#'><span></span></a></li>
</ul>



<li><a href='#'><span>Aplicações</span></a></li>
<ul>
<li><a href='#'><span></span></a></li>
<li class='last'><a href='#'><span></span></a></li>
</ul>


<li><a href='#'><span>Websites</span></a></li>
<ul>
<li><a href='#'><span></span></a></li>
<li class='last'><a href='#'><span></span></a></li>
</ul>
</ul>
</li>
<li class='last'><a href='#'><span>Contactos</span></a></li>
</ul>
</div> <!--menu-->

Cumprimentos,

Carlos

EDIT: Não tenho nada de CSS a não ser o tipo de letra e tamanho.

O rascunho está disponivel em carloscosta.tk

Edited by HoudinY

To achieve victory we must mass our forces at the hub of all power and movement, the enemy's center of gravity.-Von Clausewitz

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.