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

300

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>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

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

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

272

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

В TabControl Добавляю ImageList

383

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

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

329

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

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

293