PNG в IE5.5-6

  • Для того чтобы отображались ссылки над png картинкой для всех вложенных слоев и для самой ссылки должно быть установленн position (например relative) а у слоя с png position не должен быть указан вообще.
  • виды sizingMethod:scale(Растягивает png по размерам слоя), image(подстраивает размеры слоя под png), crop(Обрезает png  по размерам слоя, должны быть указаны размеры);
  • The object that the filter is applied to must have layout before the filter effect will display. You can give the object layout by setting the height or width property, setting the position property to absolute, setting the writingMode property to tb-rl, or setting the contentEditable property to true.

HTML:

<div id="png_bg">

     <div id="a">

          <div id="b">

               <a href="#">link</a>

          </div>

     </div>

</div>

CSS:

#png_bg{ width:100px;background:url(/bg.png) top left repeat-y;}
* html #png_bg {
   background-image:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/bg.png', sizingMethod='scale');
}
#a, #b, #b a {position:relative;}

CSS для Opera (CSS hack for Opera)

Подробнее »

DIV поверх FLASH

Атрибут wmode дает возможность разместить html-блок (div, javascript-меню и т.д.) над flash-объектом, И ЭТО РАБОТАЕТ ВЕЗДЕ, достаточно только использовать значение opaque параметра «wmode» Подробнее »

WP Plugins

Защита от спама

Код

Размеры макетов для сайта

Среднее максимальное пространство занимаемое элементами управления на экранах мониторов в разных операционных системах и разных браузерах:

  • По горизонтали — 50 px
  • По вертикали — 260 px

Необходимо верстать макет шириной равной ширине экрана минус 50 px.

  • 800×600 — 750
  • 1024×768 — 974
  • 1280×800 — 1230
  • 1280×1024 — 1230
  • 1600×1200 — 1550

Материалы:

  • http://www.designerstoolbox.com/designresources/safearea/
  • http://www.yenisite.ru/articles/Verstka_bez_gorizontalnogo_skrollinga.html
  • http://yenisite.habrahabr.ru/blog/48646/

Глюк IE6: Не правильное отображение тега EM

Лечение для блока который неправильно отображается в следствии этого глюка: overflow: visible;

Информация

Иконки

History of the Internet


Firefox CSS hacks

 .foo, x:-moz-any-link { } /* FireFox 2 */

.foo, x:-moz-any-link, x:default { } /* FireFox 3 */

html>/**/body .foo, x:-moz-any-link, x:default { } /* Only FireFox 3 */

http://rafael.adm.br/css_browser_selector/

Нива :)

Подробнее »