Jump to content
  • 0

counter


Vlad
 Share

Question

Решил написать статью об использовании counter-increment, но тут же выяснил, что в FF это свойство работает коряво и в полной мере поддерживается только Оперой. Обидно.

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Полагал, что FF работает с counter только на списках. Но и здесь Опера его опередила. Вот пример иерархического списка вида 1.1, 1.2.5. В FF сплошные недочеты, в Опере почти все как надо. Ну и как победить?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Вложенный список</title>
<style type="text/css">
OL {
list-style-type: none;
}

OL.level1 > LI:before {
content: counter(list1) ". ";
counter-increment: list1;
counter-reset: list3;
}

OL.level2 LI:before {
content: counter(list1) "." counter(list2) ". ";
counter-increment: list2;
}

OL.level3 LI:before {
content: counter(list1) "." counter(list2) "." counter(list3) ". ";
counter-increment: list3;
}
</style>
</head>

<body>

<ol class="level1">
<li>Требования безопасности перед началом работы
<ol class="level2">
<li>Перед началом работы оператор обязан:
<ol class="level3">
<li>осмотреть и привести в порядок рабочее место;</li>
<li>отрегулировать освещенность на рабочем месте, убедиться в достаточности освещенности, отсутствии отражений на экране, отсутствии встречного светового потока;</li>
<li>проверить правильность подключения оборудования в электросеть;</li>
<li>проверить правильность установки стола, стула, подставки для ног, положения оборудования, угла наклона экрана, положения клавиатуры и, при необходимости, произвести регулировку рабочего стола и кресла, а также расположения элементов компьютера в соответствии с требованиями эргономики и в целях исключения неудобных поз и длительных напряжений тела.</li>
</ol>
</li>
<li>Оператору запрещается приступать к работе при:
<ol class="level3">
<li>обнаружении неисправности оборудования;</li>
<li>отсутствии углекислотного или порошкового огнетушителя и аптечки первой помощи;</li>
</ol>
</li>
</ol>
</li>
<li>Требования безопасности во время работы
<ol class="level2">
<li>Оператор во время работы обязан:
<ol class="level3">
<li>выполнять только ту работу, которая ему была поручена, и по которой он был проинструктирован;</li>
<li>в течение всего рабочего дня содержать в порядке и чистоте рабочее место;</li>
<li>держать открытыми все вентиляционные отверстия устройств;</li>
<li>отключить питание только в том случае, если оператор во время перерыва в работе на компьютере вынужден находиться в непосредственной близости от видеотерминала (менее 2 метров), в противном случае питание разрешается не отключать;</li>
<li>выполнять санитарные нормы и соблюдать режимы работы и отдыха;</li>
<li>соблюдать правила эксплуатации вычислительной техники в соответствии с инструкциями по эксплуатации;</li>
<li>при работе с текстовой информацией выбирать наиболее физиологичный режим представления черных символов на белом фоне;</li>
<li>соблюдать установленные режимом рабочего времени регламентированные перерывы в работе и выполнять в физкультпаузах и физкультминутках рекомендованные упражнения для глаз, шеи, рук, туловища, ног;</li>
<li>соблюдать расстояние от глаз до экрана в пределах 60?80 см.</li>
</ol>
</li>
</ol>
</ol>
</body>
</html>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy