Добавление статического текста в неупорядоченный список - PullRequest
Новая
       25

Добавление статического текста в неупорядоченный список

0 голосов
/ 09 ноября 2011

Я хотел бы добавить статический текст в неупорядоченный список, чтобы текст совпадал с базовой линией элементов списка.например, Page 1 2 3, где Page - статический элемент, а 1,2,3 - активные элементы списка.Я попытался создать их отдельно, однако при просмотре в IE 7 возникает проблема с выравниванием. 

<div class="headB" id="page">Page</div>
<!-- TemplateBeginEditable name="pageNum" -->
<div class="headB" id="pageNum">
<ul> 
     <li><a href="../message3.html">3</a></li>
     <li><a href="../message2.html">2</a></li>
     <li><a href="../message1.html">1</a></li>
</ul>
</div>

Я изменил код так, чтобы он содержался в 1 div, однако IE 7 помещает слово Page между 1 и2 

<div class="headB" id="pageNum">
<ul>
   <li><a href="../consumer1.html">2</a></li>
<li><a href="../consumer2.html">1</a></li>
<span class="headB">Page</span>
</ul>
</div>

1 Ответ

0 голосов
/ 09 ноября 2011

Я думаю, что лучше переместить ваш <span> за пределы <ul>. Вы не должны помещать span в ul, см. html-списки . 

<div class="headB" id="pageNum">
  <ul>
    <li><a href="../consumer1.html">2</a></li>
    <li><a href="../consumer2.html">1</a></li>
  </ul>
  <span class="headB">Page</span>
</div>

Таким образом, span появляется после списка на новой строке во всех браузерах (включая IE7). Если вы хотите выровнять его по списку, используйте дополнительный CSS. Пример JsFiddle

...