Создайте поле примечаний
- В вашем текстовом редакторе откройте файл таблицы стилей Raven.css, представленный в Листинге 7.6.
- Модифицируйте таблицу стилей, чтобы она приняла вид, представленный в Листинге 7.7.
К оригинальной таблице стилей добавлены следующие новшества.
- Для элементов STANZA установлено левое поле в один дюйм.
- Элемент NOTE (который вы добавите в документ позднее) отформатирован как поле примечания, отображаемое в зоне левого поля первого элемента STANZA. Для этого:
- для него установлено сплошное обрамление с толщиной линий 1 пиксель;
- текст выровнен по центру;
- для свойств width и height установлено значение в один дюйм;
- установлен режим обтекания с размещением слева от последующего текста.
- Воспользуйтесь командой Save As (Сохранить как) вашего текстового редактора, чтобы сохранить копию модифицированного документа под именем Raven01.css.
/* File Name: Raven01.css */
POEM {font-size:12pt}
POEM, TITLE, AUTHOR, DATE, NOTE, STANZA, VERSE {display:block}
DATE {margin-bottom:.25in}
STANZA {margin-left:1in; margin-bottom:.25in}
NOTE {border-style:solid; border-width:1px; text-align:center; width:1in; height:1in; float:left}
Листинг 7.7. Raven01.css (html, txt)
- В вашем текстовом редакторе откройте документ Raven.xml, представленный в Листинге 7.6.
- В файле Raven.xml отредактируйте инструкцию по обработке xml-stylesheet в начале файла, чтобы он указывал на новую таблицу стилей, которую вы только что создали – Raven01.css – следующим образом: <?xml-stylesheet type="text/css" href="Raven01.css"?>
- В документе Raven.xml добавьте следующий новый элемент непосредственно над элементом STANZA: <NOTE>This is a floating margin note. </NOTE>
Поскольку в таблице стилей для элемента NOTE вы установили свойство float:left , он будет располагаться слева от последующего текста документа – т.е., слева от первого элемента STANZA.
- Воспользуйтесь командой Save As (Сохранить как) вашего текстового редактора, чтобы сохранить копию модифицированного документа под именем Raven01.xml.
Весь документ представлен в Листинге 7.8.
Листинг 7.8. Raven01.xml (html, txt)
- Откройте файл Raven01.xml в Internet Explorer 5. Он будет иметь вид, как показано на рисунке 7.34.
Рис. 7.34.
