Estilizar Menu

14/01/2011

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 
 

Cintia Ribeiro

Respostas

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 Citar

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 Citar