Dec 13
Layout #1
Резина 100%. Ширина всех колонок в %.
Читать дальше »
Dec 11
На этапе верстки сайта возникает проблема создания разметки которая должна соответствовать следующим требованиям:
- Валидность HTML
- Валидность CSS
- Кроссбраузерность.
- Отсутствие CSS-хаков.
Nov 21
При работе над проектами часто возникает необходимость создания выпадающего меню. Существует большое количество скриптов, реализующих этот функционал. Но при их практическом применении необходимо чтобы скрипт соответствовал следующим требованиям:
- Кроссбраузерность - корректная работа скрипта в необходимых браузерах.
- Правильное позиционирование меню при изменении разрешения экрана (особенно актуально при резиновой верстке).
- Стабильное поведение меню при наведении курсора.
- Простая смена оформления через редактирование CSS.
- Легкость добавления новых пунктов.
- Семантика (это сейчас модно).
- Простая настройка дополнительных параметров (временных задержек, дополнительных эффектов и т.д.)
Nov 15
Проблема: необходимо отцетрировать бокс с контентом по горизонтали и вертикали.
Решение:
- присваиваем боксу, который необходимо поместить в центр экрана class="centered".
- в css прописываем:
CSS:
-
.centered {
-
position: absolute;
-
top: 50%;
-
left: 50%; }
-
Nov 12
Проблема: в IE7 флеш отображается с рамкой.
Решение:
- Скачиваем последнюю версию скрипта SWFObject (http://blog.deconcept.com/swfobject/swfobject.zip).
- Распаковываем архив.
- Копируем файл swfobject.js в корень сайта или в папку со скриптами.
- Подключаем скрипт swfobject.js:
-
<!DOCTYPE html PUBLIC "/W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>SWFObject embed by Geoff Stearns (basic) @ deconcept</title>
-
<!-- SWFObject embed -->
-
<script type="text/javascript" src="swfobject.js"></script>
-
</head>
HTML:
Новые комментарии