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

Рецепты HTML

  Все выпуски  

Рецепты HTML


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

Сегодня продолжаем тему о подрисуночных надписях. Полный текст статьи размещен по адресу http://html.krsk.ru/layout/figure.asp.

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

Пример подрисуночной надписи

В прошлой рассылке был представлен простой вариант, когда рисунок с подписью размещен по центру страницы. Если же необходимо поместить нашу конструкцию в текст чтобы он ее обтекал, в этом случае можно воспользоваться свойством таблицы align=left | right. Это свойство выравнивает таблицу по левому или правому краю страницы. Все бы ничего, да вот отступы от края таблицы до текста, как в теге IMG, не предусмотрены. Получается очень некрасиво, когда текст словно наезжает на наш рисунок. Страдают принципы дизайна и простой здравый смысл подсказывает, что читать такой текст ой как нелегко. Нам надо получить отступы вокруг таблицы, и для этого следует воспользоваться вложенными таблицами. Создаем таблицу, выровненную по левому или правому краю, той же ширины, что и рисунок, а параметр cellpadding будет определять расстояние от текста до таблицы.

Пример 2. Создание отступов вложенными таблицами
<table width="100" border="0" cellspacing="0" cellpadding="6" align="left">
<tr>
 <td>
  <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>
 </td>
</tr>
</table>


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

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


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

В избранное