Библиотека полезных решений, приемов и трюков

Данный раздел посвящен различным приемам, фишкам и трюкам, которые появились в результате практики на ниве верстки, как от автора Trifler.ru, так и подсмотренные у коллег по цеху.

Многие их них не являются предметом для дисскусий и носят чисто прикладной характер, часто довольно специфический и в основном направленные на исправление недостатков визуального представления элементов web-страниц для того или иного браузера.

Рядовой пример.

Есть вертикальное меню:

<ul class=”menu”>
  <li><a href="#">Пункт № 1</a></li>
  <li><a href="#">Пункт № 2</a></li>
  <li><a href="#">Пункт № 3</a></li>
</ul>

Если среди прочих стилей для ссылки меню указано:

.menu a {display:block;}

Просмотр примера в современных браузерах не выявит никаких проблемных моментов, а вот в IE6 появятся дополнительные вертикальные отступы между текстом ссылок.

О причинах такого явления говорить не будем, что есть, то есть.

Существуют разные способы исправить ситуацию, но самый простой и эффективный трюк, подсмотренный давным давно на одном из форумов - после текста ссылки перед закрывающим тегом </a> нужно поставить пробел, что приведет в чувство IE6.

Вот о таких не имеющих явного криминала лекарственных средствах, расскажут ссылки в левой колонке навигации.