Распорка — это невидимая картинка, которая используется в дизайне сайта для создания полей, отступов и точного (по пикселам) размещения элементов в окне браузера.
В качестве распорки удобно использовать GIF-картинку, содержащую всего одну точку, цвет которой объявлен прозрачным.
Такую картинку можно растягивать до любого размера, пользуясь атрибутами тега witdh и height тега IMG.
Пример
Вася записал такой код для вывода логотипа и заголовока:
| <NOBR> <IMG src=./pic/logo.gif width=85 height=83 border=0 hspace=0 vspace=0 alt="Логотип" ><IMG src=./pic/title.gif width=367 height=61 border=0 hspace=0 vspace=0 alt="Цыплёнок босиком"> </NOBR> |
На экране коду соответствует изображение (рис. 7.39):
Рис 7.39. Логотип и заголовок сайта
Подумав, Вася решил отодвинуть заголовок от логотипа на 50 пикселов. Он размещает между двумя картинками третью — распорку:
| <NOBR> <IMG src=./pic/logo.gif width=85 height=83 border=0 hspace=0 vspace=0 alt="Логотип" ><IMG src=./pic/empty.gif width=50 height=83 border=0 hspace=0 vspace=0 alt="" ><IMG src=./pic/title.gif width=367 height=61 border=0 hspace=0 vspace=0 alt="Цыплёнок босиком"> </NOBR> |
Экран изменился так (рис. 7.40):
Рис 7.40. Логотип и заголовок сайта с распоркой между ними
Чтобы посмотреть на распорку, временно запишем в её коде border =1 (рис. 7.41):
Рис 7.41. Распорка с включённой рамкой
Дата добавления: 2015-11-30; просмотров: 20 | Нарушение авторских прав