Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 72 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

Рис. 62
Для работы с относительной системой координат лучше пользоваться универсальными блоками DIV. Это связано с
тем, что в Netscape Navigator, например, параграф не может содержать параграфов. Любой блок немедленно закрывает пара-
граф, следовательно, вложить в него что-либо нельзя.
В относительной системе координат можно пользоваться отрицательными смещениями:
<DIV STYLE="position:relative; top:0;left:50;border-width:1px; border-style:solid;width:200px;">
<A HREF="javascript: if(flag==0)
{ window.document.layers[2].left=-50;flag=1; }
else
{ window.document.layers[2].left=50;flag=0; };
void(0);">
Сдвинуть слой
</A>
</DIV>
В данном примере слой, первоначально сдвинутый на 50 пикселей вправо, после нажатия на гипертекстовую ссылку
смещается на 100 пикселей влево, получая отрицательную величину смещения по оси X (left:-50 px). После повторного
нажатия на ссылку положение блока восстанавливается.
3.13.2. Линейные размеры блока
Линейные размеры блока задаются двумя параметрами: шириной (width) и высотой (height) блока. В браузерах ши-
рина и высота блока интерпретируется по-разному.
В Netscape Navigator ширина и высота блока – рекомендуемые параметры. Если текст выходит за эти ограничения, то
блок увеличивается до необходимых размеров, а если текста нет вообще, то блок сжимается до маленького квадрата:
<P STYLE="width:200px;height:100px;background-color:black;color:white;">
...
</P>
Приведенного в примере описания достаточно для получения результата, но в Netscape Navigator для такого блока нуж-
но применить некоторые дополнительные атрибуты (рис. 63):
<P STYLE="width:200px;height:100px; background-color:black;color:white;
border-width:1px;border-color:white;">
<SPAN STYLE="color:white;">
...
</SPAN>
</P>
Рис. 63
Без границы блок не будет залит черным цветом, а без span текст будет отображаться цветом данной страницы по
умолчанию. Никакому разумному объяснению такое поведение браузера не поддается, поэтому строить дизайн страниц на
этих атрибутах не стоит.
3.13.3. Управление видимостью
Одним из наиболее интересных атрибутов CSS-P является visibility. Он позволяет "проявлять" или прятать ин-
формацию на HTML-странице.

Страницы