Estilizar Menu
Galera tenho um menu com a seguinte estrutura:
<asp:Content ID="Content2" ContentPlaceHolderID="ContentMenu" Runat="Server">
<div id = "DivMenu">
<asp:Menu ID="Menu" runat="server">
<Items>
<asp:MenuItem Text="Polo" Value="Polo">
<asp:MenuItem Text="Polo1" Value="Polo1" NavigateUrl="~/login.aspx"></asp:MenuItem>
<asp:MenuItem Text="Polo2" Value="Polo2"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Curso" Value="Curso">
<asp:MenuItem Text="Curso1" Value="Curso1"></asp:MenuItem>
<asp:MenuItem Text="Curso2" Value="Curso2"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Disciplina" Value="Disciplina">
<asp:MenuItem Text="Disciplina1" Value="Disciplina1"></asp:MenuItem>
<asp:MenuItem Text="Disciplina2" Value="Disciplina2"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Endereço" Value="Endereço">
<asp:MenuItem Text="Endereço1" Value="Endereço1"></asp:MenuItem>
<asp:MenuItem Text="Endereço2" Value="Endereço2"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Prova" Value="Prova"></asp:MenuItem>
<asp:MenuItem Text="Etiqueta" Value="Etiqueta"></asp:MenuItem>
</Items>
</asp:Menu>
</div>
</asp:Content>
Estou tentando estilizar este Menu e não consigo. Quando defino algum estilo para a div funciona, mas quando defino para os itens do menu nada acontece.
Como posso estilizar os itens do menu. Informando que estou utilizando um arquivo css separado
<asp:Content ID="Content2" ContentPlaceHolderID="ContentMenu" Runat="Server">
<div id = "DivMenu">
<asp:Menu ID="Menu" runat="server">
<Items>
<asp:MenuItem Text="Polo" Value="Polo">
<asp:MenuItem Text="Polo1" Value="Polo1" NavigateUrl="~/login.aspx"></asp:MenuItem>
<asp:MenuItem Text="Polo2" Value="Polo2"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Curso" Value="Curso">
<asp:MenuItem Text="Curso1" Value="Curso1"></asp:MenuItem>
<asp:MenuItem Text="Curso2" Value="Curso2"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Disciplina" Value="Disciplina">
<asp:MenuItem Text="Disciplina1" Value="Disciplina1"></asp:MenuItem>
<asp:MenuItem Text="Disciplina2" Value="Disciplina2"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Endereço" Value="Endereço">
<asp:MenuItem Text="Endereço1" Value="Endereço1"></asp:MenuItem>
<asp:MenuItem Text="Endereço2" Value="Endereço2"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Prova" Value="Prova"></asp:MenuItem>
<asp:MenuItem Text="Etiqueta" Value="Etiqueta"></asp:MenuItem>
</Items>
</asp:Menu>
</div>
</asp:Content>
Estou tentando estilizar este Menu e não consigo. Quando defino algum estilo para a div funciona, mas quando defino para os itens do menu nada acontece.
Como posso estilizar os itens do menu. Informando que estou utilizando um arquivo css separado
Cintia Ribeiro
Curtidas 0
Respostas
Netasper
14/01/2011
Da uma olhada no codigo html/js renderizado, veja o nome gerado para os itens dentro da div e crie suas classes css...
GOSTEI 0
Cintia Ribeiro
14/01/2011
Eu decidi utilizar listas para fazer o menu estilizei e beleza funcionou, mas quando utilizei o runat=server nas minhas tags ul e li ele perdeu todo o estilo. Pq isso tá acontecendo?
GOSTEI 0