Ir para conteúdo
Fórum Script Brasil
  • 0

Menu com Sub Menu CSS


airtonsfilho

Pergunta

Opa pessoal eu tou com um problema na hora de colocar e ajustar sub menus no meu codigo css e não estou conseguindo inseir os sub menus para amostrarem de acordo com o que eu quero por favor me ajuda deem uma olhada no codigo para min e se poderem me ajudar agradeceria!

<-------- codigo CSS --------->

{
    margin:0;
    padding:0;
}
body{
    font:14px Georgia, "Times New Roman", Times, serif;
}
ul{
    list-style-type:none;
}
ul#menuSub{
    width:600px;
    margin:0 auto;
}
ul#menuSub li{
    position:relative;
    float:left;
}
ul#menuSub li a{
    display:block;
    float:left;
    padding:0 15px;
    height:30px;
    line-height:30px;
    background:#033;
    color:#FFF;
    text-decoration:none;
}

ul#menuSub li a:hover{
    background:#CCC;
    color:#000;
}

ul#menuSub li ul {
    display:none;
    position:absolute;
    top:30px;
    left:0;
}

ul#menuSub li:hover ul {
    display:block;
}

ul#menuSub li ul a{
    width:130px;
    border-bottom:1px solid #FFF;
}
<-------Codigo HTML-------->
<html>
<head>
<title>menuSub</title>
<link href="MenuSub.css" rel="stylesheet" type="text/css">
</head>

<body>

<ul id="menuSub">
    <li><a href="#">Home</a></li>
    <li><a href="#">Cursos</a></li>
        <ul>
            <li><a href="#">Informatica</a></li>
            <li><a href="#">Enfermagem</a></li>
            <li><a href="#">Vestuario</a></li>
            <li><a href="#">Hospedagem</a></li>
        </ul>
        <li><a href="#">Projetos</a></li>
        <li><a href="#">Historia</a></li>
        <li><a href="#">NossaEquipe</a></li>
</ul>
        


</body>
</html>

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...