HTML и CSS на примерах
Дополнения к книге
Рамка вокруг изображения (стр. 60)
На самом деле цвет рамки вокруг изображения различается в браузерах Internet Explorer (IE) и Firefox. Так, Firefox цвет рамки устанавливает такой же, как и цвет основного текста, а IE делает рамку черной.
Фоновый рисунок (стр. 79)
Не обязательно рисунок делать указанной ширины. Вполне достаточно будет использовать небольшое по размеру изображение, и для него с помощью стилей указать повторение только по вертикали, как показано ниже.
<style type="text/css">
BODY {
background: url('bg.gif') repeat-y
}
</style>
Рисунки возле внешних ссылок (стр. 108)
Более удобным и универсальным способом добавления изображения к ссылке является использование свойства background.
<html>
<head>
<style type="text/css">
A.outer {
background: url('check.gif') no-repeat; /* Путь к файлу
с рисунком */
padding-left: 15px /* Сдвигаем текст вправо */
}
</style>
</head>
<body>
<p><a href="link1.html" class="outer">Ссылка
с маркером</a>
<p><a href="link2.html">Ссылка без маркера</a>
</body>
</html>
Здесь повторение рисунка отменяется через аргумент no-repeat, а чтобы текст не накладывался на изображение, надпись сдвигают несколько вправо.
Ссылки на новое окно (стр. 109)
Конструкция A[параметр] называется селектор атрибутов и подробнее о них можно почитать в разделе «CSS по шагам».
Вид маркера (стр. 121)
Правильнее before называть псевдоэлементом. Подробнее о его использовании читайте в разделе «CSS по шагам».
Использование стилей для создания рамки (стр. 155)
Согласно спецификации CSS ширина блочного элемента складывается из ширины самого элемента (параметра width) и толщины рамки. Однако браузер IE игнорирует эту часть спецификации, поэтому вид рамки, полученный через листинг 5.23, несколько отличается в браузере IE и Firefox.
При использовании аргумента dotted параметра border браузеры опять же неодинаково отображают границу. Это хорошо заметно, если увеличить толщину границы до 10 пикселов (для наглядности, естественно). В IE точки имеют круглую форму, а Firefox показывает прямоугольные точки.
Применение слоев (стр. 163)
Здесь главное, чтобы высота рис. 5.23 не превышала высоту слоя bgLayer (листинг 5.28). Иначе получится, что тень «свешивается» ниже самого слоя, что некрасиво и не логично.
| Последнее обновление: 2005-12-04 |