Ниже в табличке приводится вариант разработанных мной значков-пиктограм. Все значки имеют фиксировнный размер 21х16. Это позволит создавать красивые выровненные списки. Значки довольно мелкие, и на мониторах с маленькой диагональю (14 дюймов) и установленным высоким разрешением (1024х768) видны не четко. Но ничего не поделаешь, дело в том, что размер по вертикали был выбран для избежания "слипания" строчек. Конечно, слипания можно избежать, расположив каждую сторчку со значком в отдельный ряд таблички.Однако, это значительно усложнит разметку HTML-документа. А с такими мелкими значками "слипание" будет происходить только при настройке шрифта в "броузере" на очень мелкий, почти нечитабельный базовый шрифт, что встречается крайне редко. Пример разметки небольшого списка приведен ниже: |
<p> <img src="dir.gif" alt="DIR" width="21" height="16" hspace="2" hspace="2">Первая позиция списка...<br> <img src="www.gif" alt="WWW" width="21" height="16"> hspace="2" hspace="2">Вторая позиция списка...<br> <img src="txt.gif" alt="TXT" width="21" height="16"> hspace="2" hspace="2">Третья позиция списка...<br> <img src="img.gif" alt="IMG" width="21" height="16"> hspace="2" hspace="2">Четверая позиция списка...<br> ... ... ... </p> |
Для предотвращения "слипания" в примере применен атрибут vspace и hspace базового тега <img>. Но, к сожалению, многие старые "броузеры" не воспринимают эти атрибуты. |
Чтобы получить список чуть-чуть сдвинутым относительно левого края (небольшой сдвиг улучшит читаемость и несколько выделит список) всю конструкцию нужно поместить внутрь тег-контейнера <blockquote>...</blockquote>. |
Значок | Имя файла | Описание |
---|---|---|
dir.gif | Ссылка на каталог или раздел внутри библитеки (internal_url) | |
www.gif | HTTP-ссылка на внешние, по отношению к библиотеке, ресурсы интернет (http://external_url) | |
ftp.gif | FTP-ссылка на внешние, по отношению к библиотеке, ресурсы интернет (ftp://external_url) | |
html.gif | Ссылка на документ гипертекстовой разметки (*.htm, *.html, *.vrm, *.vrml...) | |
img1.gif | Ccылка на графический файл, вариант 1 (*.gif, *.png, *.bmp...) | |
img2.gif | Ccылка на графический файл, вариант 2 (*.jpg, *.avi...) | |
txt.gif | Ccылка на текстовый документ (*.txt, *.doc...) или гипертекстовый документ без разметки (*.htm, *.html) | |
bin.gif | Ccылка на бинарный файл или внутреняя FTP-ссылка (*.exe, *.zip, *.arj...) | |
mail.gif | Ссылка типа MailTo -- электронный адрес для отправки сообщений |