Как добавить картинку к элементу <li>

214
13 апреля 2017, 15:19

Всем привет. Как я могу добавить картинку (glyphicon glyphicon-cog) к элементу "li" ? 

<ul class="nav navbar-nav navbar-right">
 <li>@Html.ActionLink(SessionHelper.User.FullName, "Index", "Settings")</li>
  </ul>

Я пробовал вот так:

<li class="glyphicon glyphicon-cog">@Html.ActionLink(SessionHelper.User.FullName, "Index", "Settings")</li>

Но почему то они появляются в разных местах.

Answer 1

Могу предложить два варианта:

  • Добавление картинки перед ссылкой

<ul class="nav navbar-nav navbar-right"> 
   <li> 
      <span class="glyphicon glyphicon-cog"></span> 
      <a href="@Url.Action("Index", "Settings")">@SessionHelper.User.FullName</a> 
   </li> 
</ul>

  • Картинка как часть ссылки

<li> 
  <a href="@Url.Action("Index", "Settings")">  
    <span class="glyphicon glyphicon-cog"></span> 
    @SessionHelper.User.FullName 
  </a> 
</li>

READ ALSO
WPF TreeView не обновляется при обновлении ObservableCollection
c#

WPF TreeView не обновляется при обновлении ObservableCollection

Есть следующий код XAML:

 222
C# TabPage Почему не показывается Image?
c#

C# TabPage Почему не показывается Image?

В TabControl Добавляю ImageList

 335
Работа в фоновом режиме (Xamarin)
c#

Работа в фоновом режиме (Xamarin)

Подскажите как можно решить данный кейс для iOS 9+, Android 44+ и WP 8

 274
Проблема с экспортом decimal чисел в excel
c#

Проблема с экспортом decimal чисел в excel

Доброго времени суток! Возник вопрос при экспорте чисел decimal в файл ExcelЗадача следующая: из базы в datagridview на форме записываются данные, потом...

 246