Отправляет email-рассылки с помощью сервиса Sendsay

Рецепты HTML

  Все выпуски  

Рецепты HTML


Служба Рассылок Subscribe.Ru
Рецепты HTML
http://html.krsk.ru

Совет: Одно из наиболее популярных применений CSS - изменение вида ссылок. Можно убрать традиционное подчеркивание ссылок, изменять их цвет при наведении курсора и многое другое. При правильном применении это может придать определенный эффект сайту.

Факт: Internet Explorer может некорректно и медленно показывать страницу если в ячейке таблицы в качестве фона используется GIF с прозрачностью, а поверх него наложена картинка также в формате GIF с прозрачностью.

Добрый день
Представляю вам новый раздел сайта - Шаблоны дизайна. В этом разделе планируется размещать заготовки, которые помогут быстрее начать работу над созданием своего сайта. Шаблонов пока мало, но это пока.

Появилась первая часть новой статьи, в которой описано как создавать подрисуночные надписи.

Подрисуночная надпись

Подрисуночная надпись - это текст, являющийся комментарием к рисунку и его описывающий. Такая подпись важна, поскольку привлекает внимание читателя к рисунку и дает больше информации об изображении. У тега IMG существует, конечно, параметр alt, который задает текст подсказки, но чтобы ее получить приходится наводить курсор мыши на каждый рисунок, что довольно неудобно. Более наглядный способ и, соответственно, более предпочтительный заключается в размещении подрисуночной надписи возле самого изображения. Подпись хоть и называется подрисуночной, но может располагаться и сбоку от рисунка, если это продиктовано соображениями верстки и дизайна.
Для размещения на веб-странице и рисунка и подписи к нему удобней всего воспользоваться таблицей. В этом случае можно задать цвет каемки вокруг рисунка, ее цвет, ширину, а также местоположение текста (рис. 1).

Пример подрисуночной надписи
Пример подрисуночной надписи
Рис. 1. Варианты размещения подрисуночной надписи

Пример 1. Создание подрисуночной надписи с помощью таблицы
<table width="100" border="0" cellspacing="0" cellpadding="4" bgcolor="#CC9900">
<tr>
 <td><img src="images/figure.jpg" width="100" height="111"></td>
</tr>
<tr>
 <td>Пример подрисуночной подписи</td>
</tr>
</table>

Ширина таблицы определяется исходя из размеров рисунка и желаний автора. В данном примере ширина таблицы совпадает с шириной рисунка; ширина цветной рамки вокруг изображения задается с помощью параметра cellpadding или cellspacing. В данном случае абсолютно все равно, какой предпочесть, результат будет один. Цвет таблицы указанный параметром bgcolor определяет цвет подложки вокруг изображения и подписи к нему.


Рекомендую подписаться на рассылку:
Каскадные таблицы стилей

Copyright Влад Мержевич. По всем вопросам пишите мне по адресу inferos@mail.ru


http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу
Рейтингуется SpyLog

В избранное