Привет всем :).
Тут где-то в каментах написали, где продолжение.
Так вот оно.

Вот тут наваял CSS`ку которая центрует DIV по середине, и не просто по середине, а по середине по вертикали и по горизонтали, короче прямо посередине окна.
Я смотрел как это сделано у Google.com и на Ya.ru и еще на других подобных.
Но у них как-то сложно или я просто не понял.

Вот и сделал свой способ, наверняка кто-то уже и до меня это придумал.
(далее…)

Читать далее…
14
Авг
2009

Вот хитрый способ как разместить DIV точно посередине и сделать его ширину зависимой от содержимого. И чтобы он был посередине независимо от разрешения монитора.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<html>
<head>
<title>Блок всегда посередине</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<style type="text/css">
.align_center
{
position: relative;
width: 100%;
border: 1px solid red;
}
.align_center:after{
content: '';
display: block;
clear: both;
}
.align_to_left{
position: relative;
right: 50%;
float: right;
}
.align_to_right{
border: 1px solid blue;
position: relative;
margin: 15px 15px;
padding: 10px 10px;
z-index: 1;
right: -50%;
}
</style>
<div class="align_center">
Это Div 100%
<div class="align_to_left">
<div class="align_to_right">
А это отцентрованый Div, ширина зависит от содержимого.
</div>
</div>
</div>
</body>
</html>
Читать далее…
21
Июль
2009

Чем они все-таки отличаются?

Максимально просто попробую обьяснить ХУ из них ХУ. Делать буду это скорее для себя, сейчас напишу все это и может сам разберусь :).

Все селекторы делятся на три группы:

  • селекторы образованые от HTML тегов
  • классы
  • ID-селекторы (идентификаторы) (далее…)
Читать далее…
20
Июль
2009

Для тех кто вообще не понимает, что такое CSS.

CSS это язык стилей, определяющий отображение HTML-документов. Например, CSS работает с шрифтами, цветом, полями, строками, высотой, шириной, фоновыми изображениями, позиционированием элементов и многими другими вещами.

Там в загаловке написано «ОНИ», а почему, да потому :

Cascading Style Sheets ??— Каскадные таблицы стилей

В чем разница между HTML и CSS?
(далее…)

Читать далее…
20
Июль
2009