Jump to content

[Resolvido] Submenu


PF2G
 Share

Recommended Posts

Bom dia,

eu estou a fazer um menu em css, e agora queria criar um submenu.

Já tentei ver várias hipóteses mas não consegui, por isso voltei à estaca zero:

<div id="nav">
		    <ul>
			    <li><a href="index.php">Home</a></li>
 <li><a href="#">Quem Somos</a></li>
			    <li><a href="bands.php">Bandas</a>
  <ul>
   <li>Estilos</li>
   <li>Lista de Bandas</li>
   <li>Tours</li>
   <li>Álbuns</li>
   <li>Adicionar Banda</li>
  </ul>
 </li>
			    <li><a href="admin/index.php" target="_blank">Administração</a></li>
			    <li><a href="register.php">Registar/Login</a></li>
 <li><a href="profile.php">Perfil</a>
  <ul>
   <li>Resumo Perfil</li>
   <li>Editar Perfil</li>
   <li>Mensagens (0)</li>
  </ul>
 </li>
 <li><a href="#">Novidades</a>
  <ul>
   <li>Notícias</li>
   <li>Novos Álbuns</li>
   <li>Entrevistas</li>
   <li>Tracklist da Semana</li>
  </ul>
 </li>
			    <li><a href="#">Fórum</a></li>
 <li><a href="partners.php">Parceiros</a></li>
			    <li><a href="contact.php">Contacte-nos</a></li>
		    </ul>
	    </div>

/* new_menu */
#nav
{
float: left;
   padding:1px;
height: 50px;
background: url('images/menu.gif') no-repeat center top;
}
#nav ul{
padding:0px;
   margin:0px;
   float: left;
   width: 100%;
height:50px;
   background-color:#000000;
   list-style:none;
}
#nav ul li
{
   display: block;
float: left;
height: 50px;
margin-left: 0;
border-bottom: 1px solid #5E5E5E;
background: #3E3E3E url('images/menu.gif') no-repeat center top;
}
#nav ul li a
{
  display: block;
  font-size:1.1 em;
  text-decoration: none;
  float:left;
  padding: 20px 13px 10px 10px;
  background: #262626 url('images/menu2.gif') repeat-x;
  border-bottom:1px;
  border-bottom-color:#000000;
  border-bottom-style:solid;
  line-height: 50px;
  text-shadow: -1px 1px 0 #000000;
  color: #FFFFFF;
}
#nav ul li a:hover
{
  color: #CCCCCC;
  background: #3E3E3E url('images/menu.gif') repeat-x;
  padding-bottom:10px;
  border-bottom:3px;
  border-bottom-color:#000000;
  border-bottom-style:solid;
  text-decoration: none;
}

Se alguem me puder ajudar agradeço.

Cumprimentos,

PF2G

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

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.