Оформление нумерованного списка

@Heidel · Регистрация: 11.10.2011

Студворк — интернет-сервис помощи студентам

Делаю нумерованный список c красивым оформлением наподобие того, что рассмотрен в первом примере вот по этой ссылке http://www.xiper.net/collect/h... om-ol.html, все получилось, все работает, но в том куске стилей, который прописывается для ие6, 7 есть какая-то ошибка, но я не могу понять где

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
.main ol {
    z-index: expression(
        runtimeStyle.zIndex = 1,
        function(node) {
            var list = node.childNodes, i = list.length;
                while(i--) {
                    if(list[i].nodeType == 1) {
                        list[i].insertAdjacentHTML('afterBegin', '<div>'+(i+1)+'</div>');
                    }
                }
            }(this));
        )
    }
    .main ol div {
        font-size: 11px;
        position: absolute;
        left: 0;
        top: 6px;
        background: #FF0000;
        width: 20px;
        padding: 3px 0;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }

подскажите?

Vovan-VE · 25.08.2012, 18:04

Для начала надо JS выносить в отдельнуй js файл в функцию, и из expression() обращаться к этой функции:

JavaScript
1
2
3
4
function fixMe(el) {
    // el.style. ...
    return 42;
};

CSS
1
z-index: expression(fixMe(this));

@Heidel · 25.08.2012, 18:12 **[ТС]**

я не вижу в исходном коде, чтобы в этом примере где-то подключался js http://www.xiper.net/examples/... om-ol.html

Добавлено через 4 минуты
хм, ну и кстати ie-tester показывает что в ие6 и ие7 этот пример таки не работает, видимо, действительно косяк в примере этом.

Vovan-VE · 25.08.2012, 18:15

Такие вещи надо смотреть исключительно в настоящем IE6 и в настоящем IE7.

Добавлено через 48 секунд
Даже IE8 в режиме IE7 не всегда повторяет все баги.

@Heidel · 25.08.2012, 18:54 **[ТС]**

сделала так

JavaScript
1
2
3
4
5
6
7
8
9
function fixMe(node) {
    var list = node.childNodes, i = list.length;
        while(i--) {
            if(list[i].nodeType == 1) {
                    list[i].insertAdjacentHTML('afterBegin', '<div>'+(i+1)+'</div>');
            }
        }
                return 0;
};

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#f-nav ol {
    z-index: expression(fixMe(this));
}
 
#f-nav ol div {
    font: bold 29px Georgia, 'Times New Roman', Times serif;
    position: absolute;
    background: url('/images/nav.png') no-repeat;
    color: #fffcee;
    width: 46px;
    height: 47px;
    left: 0;
    padding-top: 1px;
    text-align: center;
}

HTML5
1
2
3
4
<!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="css/style-for-ie.css" />
        <![endif]-->
        <script style="text/javascript" src="script/script-for-ie.js"></script>

но ie-tester показывает, что все равно не работает.

@and_y87 · 27.08.2012, 10:07

Не по теме:

Heidel, а вы видите реальный полезный смысл делать что то для IE6, 7 ?

@Heidel · 27.08.2012, 10:20 **[ТС]**

and_y87, под ие6 не вижу, но ie7 в требованиях к кроссбраузерности по-прежнему много где фигурирует.

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@Heidel 115 / 115 / 39 Регистрация: 11.10.2011 Сообщений: 649
	25.08.2012, 18:12 [ТС]
	я не вижу в исходном коде, чтобы в этом примере где-то подключался js http://www.xiper.net/examples/... om-ol.html Добавлено через 4 минуты хм, ну и кстати ie-tester показывает что в ие6 и ие7 этот пример таки не работает, видимо, действительно косяк в примере этом. 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	25.08.2012, 18:15
	Такие вещи надо смотреть исключительно в настоящем IE6 и в настоящем IE7. Добавлено через 48 секунд Даже IE8 в режиме IE7 не всегда повторяет все баги. 0

@and_y87
	27.08.2012, 10:07
	Не по теме: Heidel, а вы видите реальный полезный смысл делать что то для IE6, 7 ? 0

@Heidel 115 / 115 / 39 Регистрация: 11.10.2011 Сообщений: 649
	27.08.2012, 10:20 [ТС]
	and_y87, под ие6 не вижу, но ie7 в требованиях к кроссбраузерности по-прежнему много где фигурирует. 0