ЗАГОЛОВКИ
и
ПОДЗAГОЛОВКИ

Любой раздел, подраздел и баннер в предлагаемом оформлении необходимо будет набирать из специально созданного литерного алфавита. Эти же литеры можно будет применять и в качестве буковиц при оформлении красной строки, выделении абзаца, их нумерации при создании списков. Буквы возможно масштабировать, таким образом, получая заголовки большего или меньшего размера. При масштабировании надо в явном виде указывать ширину и высоту каждой литеры (атрибуты width и height базового тега <img>). Особенно за этим надо следить, если заголовок планируется поместить внутри таблицы. Таким образом HTML-код будет выглядеть приблизительно следующим образом:

 
 <div align="center"><center>
 <p align="center"><img src="de.gif" alt="Д" width="26"
      height="54"><img src="ii.gif"  alt="И" width="29"
      height="54"><img src="ze.gif"  alt="З" width="25"
      height="54"><img src="a.gif"   alt="А" width="23"
      height="54"><img src="ikr.gif" alt="Й" width="29"
      height="54"><img src="h.gif"   alt="Н" width="29"
      height="54"></p>
 </center></div>

При необходимости можно помещать весь заголовок в теговый контейнер <pre>...</pre>. Это предотвратит произвольный перенос слов в набранных литерами заголовках. При этом некоторые "броузеры" не позволят отображать заголовка выровненными по-центру. Это надо учитывать при проработке внешнего вида и расположения заголовка.

Еще одна особенность применения заголовков, набранных из литерного алфавита. При использовании масштабированных графических букв, нужно и ширину, и высоту литеры указывать в явном виде для ВСЕХ графических материалов. В том числе и не требующих масштабирования! Это необходимо делать из-за того, что некоторые "броузеры" имеют проблемы с отображением масштабируемой и немасштабируемой графики одновременно. Особенно это относится к графике, размещаемой в таблице! Я не хочу вдаваться в детали почему и когда это происходит, но таковы факты... И чтобы не иметь проблем, то лучше следовать этой простой рекомендации.

 
LINК