июля 10
Проблема: сделать неподвижный фон при использовании вертикальной прокрутки.
Решение: воспользуемся таким css свойcтвом, как background-attachment: fixed.
В общем виде получаем такой код:
CSS:
-
body{
-
background-attachment: fixed;
-
background-color: #009900;
-
background-image: url(../img/bodyBack.jpg);
-
background-repeat: no-repeat;
-
background-position: center top;
-
}
или в сокращенном виде
CSS:
-
body{
-
background: #000000 url(../img/bodyBack.jpg) no-repeat fixed center top;
-
}
Tags: css, HTML, верстка
Дек 11
На этапе верстки сайта возникает проблема создания разметки которая должна соответствовать следующим требованиям:
- Валидность HTML
- Валидность CSS
- Кроссбраузерность.
- Отсутствие CSS-хаков.
Tags: HTML, layouts, верстка, сss
Ноя 15
Проблема: необходимо отцетрировать бокс с контентом по горизонтали и вертикали.
Решение:
- присваиваем боксу, который необходимо поместить в центр экрана class="centered".
- в css прописываем:
CSS:
-
.centered {
-
position: absolute;
-
top: 50%;
-
left: 50%; }
Читать дальше »
Tags: css, HTML, верстка
Ноя 12
Проблема: в IE7 флеш отображается с рамкой.
Решение:
- Скачиваем последнюю версию скрипта SWFObject (http://blog.deconcept.com/swfobject/swfobject.zip).
- Распаковываем архив.
- Копируем файл swfobject.js в корень сайта или в папку со скриптами.
- Подключаем скрипт swfobject.js:
HTML:
-
<!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>
Читать дальше »
Tags: flash, HTML, ie
Ноя 07
Проблема: при верстке форм элементы textarea и input могут содержать текст инициализации (параметр value=""). Необходимо автоматически очищать поля ввода при передаче фокуса. Если пользователь не ввел данные - возвращаем исходное значение.
Читать дальше »
Tags: css, HTML, верстка
Новые комментарии