0

I'm building a project with ASP.NET MVC2 and i have a problem. According to the application GUI design, I have a menu that should be generated to be like that:

<ul id="toc">
                <li><a href="A.html"><img src="img/green_led.png" width="17px" /> Page (A)</a></li>
                <li><a href="B.html"><img src="img/yellow_led.png" width="17px" /> Page (B)</a></li>
                <li><a href="C.html"><img src="img/red_led.png" width="17px" /> Page (C)</a></li>
                <li><a href="D.html"><img src="img/red_led.png" width="17px" /> Page (D)</a></li>

In oder to generate those links, I use Ajax.ActionLink to generate the links, but it generates the menu like this

<ul id="toc">

                <li><a href="A.html"> Page (A)</a><img src="img/green_led.png" width="17px" /></li>
                <li><a href="B.html"> Page (B)</a><img src="img/yellow_led.png" width="17px"/></li>
                <li><a href="C.html"> Page (C)</a><img src="img/red_led.png" width="17px"/></li>
                <li><a href="D.html"> Page (D)</a><img src="img/red_led.png" width="17px" /></li>

as u can notice the image is generated after the anchor tag not inside it.

Any suggestions to solve this isue?

Hassan
  • 311
  • 1
  • 17

1 Answers1

1

this is solution Create an ActionLink with HTML elements in the link text

Community
  • 1
  • 1
Vladimir Shmidt
  • 2,651
  • 1
  • 19
  • 21