• 0
Sign in to follow this  
Marcelo Reis

problemas com menu drop down sem ul

Question

Pessoal
Como faço para estilizar um menu dropdown onde o html vem da seguinte maneira
1 class container = navbar
1 class menu-departamento =
1 ul com uma class = class banho
1 ul com uma class = class Mesa
Percebam que não existem duas ul distintas! Como exemplo uma ul para menu-departsamento
e outra para seus filhos.
Sem a ul para o primeiro nivel que seria os departamentos não é possivel alinhar de maneira horizontal.
Para maior entendimento segue o html para padrão da plataforma que não pode ser modificados
<div class="navbar">
<div class="navbar-inner">
<div class="menu-departamento">
<span class="rt">
</span>
<span class="rb">
</span>
<h3 class="banho">
<span>
</span>
<a class="menu-item-texto" href="#">Banho</a>
</h3>
<ul class="banho">
<li>
<a href="#">Jogos de Toalhas</a>
</li>
<li>
<a href="#">Toalhas de Banho Gigante</a>
</li>
<li>
<a href="#">Toalhas de Banho</a>
</li>
<li>
<a href="#">Toalhas de Rosto</a>
</li>
<li>
<a href="#">Toalhas Social</a>
</li>
<li>
<a href="#">Toalhas para Pés</a>
</li>
<li>
<a href="#">Toalhas de Praia</a>
</li>
<li>
<a href="#">Toalhas de Times de Futebol</a>
</li>
<li>
<a href="#">Toalhas Intanfil</a>
</li>
<li>
<a href="#">Toalhas para Pescoço</a>
</li>
</ul>
<h3 class="mesa even">
<span>
</span>
<a class="#">Mesa</a>
</h3>
<ul class="mesa even">
<li>
<a href="#">Toalhas de Mesa</a>
</li>
</ul>
</div>
</div>
</div>

Share this post


Link to post
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Ola boa tarde o que sugiro é que se reestruture as classes criando uma classe pai para o menu como por exemplo

class menu1

depois que se faça a criação de classes filhos para cada item do menu

as divs podem ser usadas para invocar estas classes

sugiro que se crie estas classes em CSS

Espero ter ajudado

Confira meu blog em www.evidenciatecnologica.com

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this