Estilizar Menu
14/01/2011
0
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
Curtir tópico
+ 0
Responder
Posts
16/01/2011
Netasper
Da uma olhada no codigo html/js renderizado, veja o nome gerado para os itens dentro da div e crie suas classes css...
Responder
17/01/2011
Cintia Ribeiro
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?
Responder
Clique aqui para fazer login e interagir na Comunidade :)