Как сделать список с проверяется с помощью HTML 4.01
У меня есть что-то вроде этого, но я получаю сообщение об ошибке :( тип документа не позволяет использовать элемент "BR" здесь, предполагая, что отсутствует начальный тег "LI"
<tr>
<td colspan="2">
<ol>
<li><b>All</b>
<br><br>
<ol class="examplecalss">
<li><a href="1.htm">exampletekst</a></li>
<li><a href="2.htm">exampletekst</a></li>
<li><a href="3.htm">exampletekst</a></li>
</ol>
</li>
<br>
<li>
<b>exampletekst</b>
<br><br>
<ol class="examplecalss">
<li><a href="4.htm">exampletekst</a></li>
<li><a href="5.htm">exampletekst</a></li>
<li><a href="6.htm">exampletekst</a><br>
<ul class="examplecalss">
<li><a href="7.htm">exampletekst</a></li>
<li><a href="8.htm">exampletekst</a></li>
<li><a href="9.htm">exampletekst</a></li>
</ul>
</li>
<li><a href="11.htm">exampletekst</a></li>
<li><a href="12.htm">exampletekst</a></li>
<li><a href="13.htm">exampletekst</a></li>
</ol>
</li>
<br>
</ol>
</td>
Вы можете использовать css для создания этого пространства, например: ol> li {padding-top: 10px}. Я не совсем понял ваш вопрос. Более конкретный.
Вы не можете гнездо <br>
как прямой потомок к ul
элемента, только li
может быть вложенным ul
или ol
, любой другой тег будет считаться недействительными.
Вместо этого переместите эти br
внутри li
else, если вы контролируете CSS, вы можете просто удалить их и использовать margin-top
или margin-bottom
для li
чтобы получить аналогичный эффект.
Если вы не можете изменить ваш HTML, вы можете использовать JQuery для удаления br
$('ol > br').remove();