Учебник. Каскадные таблицы стилей

       

"Пульки"-картинки


   

Если стандартные формы "пулек" не устраивают автора страницы, то он может использовать нестандартные. Для этого ему придется "пульку" нарисовать самому и в виде графического файла разместить на Web-узле. У такой "пульки" есть URL, который используется в CSS для обращения к ней.

<ul style="list-style-image:url(../images/css12/bimage.gif);">

<li>Элемент списка расположен за чертой

</ul>

if(window.navigator.appName=="Microsoft Internet Explorer") { document.write("

  • Элемент списка расположен за чертой
"); } else { document.write("

Элемент списка расположен за чертой

"); }

Картинка может быть и более замысловатой. Это уже зависит от фантазии автора документа. Например, можно создать картинку-стрелочку:

<ul style="list-style-image:url(../images/css12/barrow.gif);">

<li>Элемент списка расположен за стрелкой

</ul>

if(window.navigator.appName=="Microsoft Internet Explorer") { document.write("

  • Элемент списка расположен за стрелкой
"); } else { document.write("

Элемент списка расположен за стрелкой

"); }

Здесь следует признаться в маленьком обмане. Если вы пользователь IE, то все, что здесь написано - это правда. Фрагмент кода, представленный перед примером, является его точной копией. Перед пользователями же NN придется извиниться. NN не поддерживает этого атрибута. В тексте страницы присутствует JavaScript-код, который имитирует применение атрибута list-style-image в случае просмотра сраницы браузером от Netscape.



Содержание раздела