Comment tamponner une image et du texte dans l'ASP: Contrôle du menu

Question

J'ai un ASP: le contrôle du menu qui a quatre éléments de menu différents en elle. Chaque élément de menu possède un graphique et une description textuelle.

<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> 

Mon problème est l'icône et le texte n'a pas de remplissage entre eux et il semble juste moche! Est-ce que quelqu'un sait comment je peux forcer un peu de remplissage entre l'image et le texte de l'élément de menu? J'ai regardé tous les attributs sur le contrôle de menu d'asp, mais je n'ai pas pu trouver un pour ceci, mais je l'ai peut-être manqué juste.

Answer 1

je suis venu avec une réponse, mais ce n'est pas ce que j'espérais exactement. J'ai ajouté un style pour balises img à mon css comme ceci:

img 
{ 
    padding-right: 5px; 
} 

Je suis encore un peu déçu qu'il n'y a pas d'attributs dans l'aspic: contrôle du menu qui vous permettent de spécifier le rembourrage entre l'image et le menu texte de l'article.

Answer 2

vous pourriez essayer de créer une peau et vous pouvez ajouter une classe CSS et le style comme vous le souhaitez

Answer 3

L'élément d'image dans le menu est contrôlé par l'icône de classe, la modification des propriétés de cette classe devrait résoudre le problème. Je règle le padding-droit à 5px pour l'espace de l'image et du texte