Menu drop-down

[Joao Marcos_173092 0]

Ola pessoal, consegui programar um codigo que faça um menu, to testando ta perfeito. más na interface do dreamweaver o sub-menu ta desconfigurando todo o layout..

como faço pra organizar isto?

muito obrigado desde ja.

 

PRINT DREAMWEAVER

http://www.netupload.org/'>

 

 

Codigo html:

 

<nav id="menu">
   
   <ul>
    <li><a href="#"> Serviços</a>
        
   <ul>
    <li><a href="#">Telefones úteis</a></li>
        <li><a href="#">Delegacia Virtual</a></li>
        <li><a href="#">Renovação CNH</a></li>   
        <li><a href="#">Multas de transito</a></li>
        <li><a href="#">Pontos na Carteira de Habilitação</a></li>  
        
        </ul>
        </li>
        
    <ul>
    
    <li><a href="#">Agenda</a></li>
        <li><a href="#">Indicar Evento</a></li>
        <li><a href="#">Fotos da Região</a></li>
        <li><a href="#">Parceiros</a></li>
        <li><a href="#">Anuncie Conosco</a></li>
        <li><a href="#">Contato</a></li>
        <li><a href="#">Sobre</a></li>
        
        </ul>
        </ul>
      
</nav>

codigo CSS

 

nav {
    clear:both;
    color:#FFF;
    background:#;
    height:25px;
    padding:5px; 
    font-weight: nornal;
    font-size: 1em;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    
}
nav ul {
    padding:0;
    margin:0;
    list-style: none;
    float: left;
}
nav ul li {
    display: block;
    float: left;
    margin-right: 10px;
    position: relative;
}
nav ul li a {
    color: #FFF;
    background: ;
    text-decoration: none;
    padding:5px; 
    display:block;
    margin:0;
    float: left;
}
nav ul li a:hover {
    background: ;
    color: #666;
}
nav .current-menu-item a {
    background: ;
    color: #666;
}
nav ul li ul {
    display: none;
    float: none;
    left: 0;
    position: absolute;
    top: 100%;
    border: ;
}
nav ul li:hover > ul {
    display: block;
}
nav ul li ul li,
nav ul li ul li a {
    float: none;
    background: #0099CC;
    color: #CCC;
}
nav ul li ul li a:hover {
    float: none;
    background: #0099CC;
    color: #666;
}
nav ul li ul li {
    margin: 0;
}
nav ul li ul li ul {
    left: 100%;
    top: 0;
}

[Bru_ce 53]

Quando o usuário for acessar seu site, ele vai acessar pelo Dreamweaver ?
Isso já responde sua pergunta !

 

OBS: atualiza a sua versão do DW, esta antiga parece.

 

Abs amigo.

[Joao Marcos_173092 0]

sim, utilizo o cs4. não da pra atualizar =\

algumas coisas utilizo o developer toolbox.

o cs5 não tem este plugin.

o engraçado é que se eu pegar o html original onde me baseei, ele fica normal.

será que é o codigo html meu que está errado?

 

 

<nav id="menu">
    <ul>
        <li class="current-menu-item"><a href="#">Home</a></li>
        <li><a href="#">Projectos</a></li>
        <li><a href="#">Tutoriais</a><!-- nível 1 -->
            <ul>
                <li><a href="#">Fireworks</a></li>
                <li><a href="#">Photoshop</a></li>
                <li><a href="#">Programação</a><!-- nível 2 -->
                    <ul>
                        <li><a href="#">CSS</a></li>
                        <li><a href="#">HTML</a></li>
                        <li><a href="#">PHP</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="#">Contact</a></li>
    </ul>
</nav>

[bruno_mosciatti 22]

Não se baseie pelo modo design do Dreamweaver cara, se baseie nos navegadores mesmo!

Aumente o tamanho da sua <nav> pra 100% e da <ul> pai também

[Web_avallon 5]

É completamente normal o DW desconfigurar o layout do site. Apenas alguns sites (estáticos, feitos completamente em HTML e um pouco de css) rodam de forma normal do DW. Baseie-se nos navegadores, essa vizualização no DW não passam de "encher linguiça".