Como pad uma imagem e texto no controle asp: menu

Question

Eu tenho um controle asp: menu que tem quatro itens de menu diferentes na mesma. Cada item do menu tem um gráfico e um texto descritivo.

<Items>
    <asp:MenuItem Text="New Authorization Form" Value="default.aspx" NavigateUrl="~/Default.aspx" ImageUrl="~/Images/TextPad.png"></asp:MenuItem>
    <asp:MenuItem Text="Manage My Forms" Value="myrequests.aspx" NavigateUrl="~/MyRequests.aspx" ImageUrl="~/Images/Pencil.png"></asp:MenuItem>
</Items>

O meu problema é o ícone e texto tem nenhum preenchimento entre eles e ele só olha feio! Alguém sabe como posso forçar um pouco de preenchimento entre a imagem eo texto do item de menu? Eu olhei para todos os atributos no asp:. Menu controle, mas eu não tenho sido capaz de encontrar um para isso, mas eu pode ter só perdeu

Answer 1

Eu vim com uma resposta, mas não é o que eu estava esperando exatamente. Eu adicionei um estilo para tags img ao meu css assim:

img
{
    padding-right: 5px;
}

Eu ainda estou um pouco chateado que não há atributos dentro do asp:. Menu controle que permitem que você especifique o preenchimento entre a imagem eo item de menu texto

Answer 2

Você pode tentar criar uma pele e, em seguida, você pode adicionar uma classe css para e estilo-lo da maneira que quiser

Answer 3

o item de imagem no menu é controlado pelo ícone de classe, modificando as propriedades desta classe deve resolver o problema. I set padding-right para 5px imagem espaço e texto para