CODEWITHSUNDEEP
asp.nethtmlcssasp.net-mvc-4
user1537319
user1537319

Reputation:

How to get Arrow marks instead of bullets in html menus

My HTML code in .cshtml page is 

 <menu id="menuTools">
        @Html.ActionLink("Test1", "Index", new { Area = "Tools", Controller = "Controller1" })
        @Html.ActionLink("Test2", "Index", new { Area = "Tools", Controller = "Controller2" })
        @Html.ActionLink("Test3", "Index", new { Area = "Tools", Controller = "Controller3" })
    </menu>

I need to have arrow marks instead of bullets in front of each menu. Thanks.

Update: When I click the particular menu, I need to have the arrow mark. Thanks.

Upvotes: 2

Views: 8902

Answers (3)

Сергей Никитин
Сергей Никитин

Reputation: 635

I suppose this may be helpful: http://www.chami.com/tips/internet/050798i.html so "→" is a "&" + "rarr;"

Upvotes: 1

Daniel Schmidt
Daniel Schmidt

Reputation: 11921

The easiest way would be to give the ul just a style like

list-style-image:url('/path/to/yourArrow.png');

Then you may will have to use a list-style-position: Xpx Ypx; additionally to allign it right. See http://www.w3schools.com/cssref/pr_list-style-image.asp

Upvotes: 2

Alfred
Alfred

Reputation: 21406

If you are using list <li>, there is an option in CSS to set custom image as bullet image. You may do that using list-style-image:

Upvotes: 1

Related Questions