Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Форум программистов и сисадминов Киберфорум > Форум вебмастеров > HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
7 / 7 / 0
Регистрация: 11.01.2012
Сообщений: 240
1

Не правильный вывод блоков div

28.10.2012, 00:31. Показов 1418. Ответов 9
Метки нет (Все метки)
Author24 — интернет-сервис помощи студентам
В общем суть в следующем, блок div c рисунком(Id slider), почему то залезает на предыдущий блок
Код и скрины прикладываю.
Html
HTML5
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183

<!DOCTYPE html>
<html lang="ru-RU">
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Тестовый блог</title>
</head>
    
<body>
    <div id="wrap">
        <div id="header">
            <div id="header_top">
            <ul id="navigation">
                <li><a href="#">Главная</a></li>
                <li><a href="#">О нас</a></li>
                <li><a href="#">Сервисы</a></li>
                <li><a href="#">Портфолио</a></li>
                <li><a href="#">контакты</a></li>
            </ul>
                <div id="RSS">
                <a href="#"><span></span><img src="img/rss_button.png" alt="RSS блога"/></a>
                </div><!--end RSS-->
                    <div id="search">
                    <img src="img/search_form.png" alt="Форма поиска по сайту/>
                    </div><!--end search-->
            </div><!--end header_top-->
                    <div id="header_bottom">
                        <h1>Наш новый блог</h1>
                        <p id="Slogan">Здесь будет слоган </p>
                        <p id="discription">Здесь будет интересное описание блога</p>
                    </div><!---header_bottom-->
        </div><!--end header-->
        <div id="slider">
        <img src="img/slider_bg.JPG" alt="slider"/>
        </div><!--end slider-->
            <div id="container">
                <div id="content">
                    <p id="content_header"> Последнее на блоге </p>
                    <div class="post">
                        <div class="phead">
                        <h2><a href="#">Заголовок поста1</a></h2>
                            <div class="meta_top">
                                <span class="cat">Категории<a href="#">Категоря один,категория два</a></span>
                                <span class="date">Дата</span>
                            </div><!--end meta_top-->
                        </div><!--end phead-->
                        <div class="entry">
                            <img src="img/jpg_post1.JPG" alt="Картинка"/>
                            <p> Комплексное число, следовательно, непредсказуемо. Критерий интегрируемости выведен. Связное
                            множество масштабирует эмпирический ряд Тейлора, откуда следует доказываемое равенство. Ф
                                выпуклая книзу охватывает аксиоматичный интеграл от функции комплексной переменной, что
                               неудивительно. До недавнего времени считалось, что рациональное число охватывает д
                              явно демонстрируя всю чушь вышесказанного.
                            </p>
                            <a href="#">Читать далее</a>
                        </div><!--end entry-->
                        <div class="meta_bottom">
                            <span class="author">Автор:Admin</span>
                            <span class="com">Комментарии</span>
                        </div><!--end meta_bottom-->
                    </div><!--end post-->
                    <div class="post">
                        <div class="phead">
                        <h2><a href="#">Заголовок поста2</a></h2>
                            <div class="meta_top">
                                <span class="cat">Категории<a href="#">Категоря один,категория два</a></span>
                                <span class="date">Дата</span>
                            </div><!--end meta_top-->
                        </div><!--end phead-->
                        <div class="entry">
                            <img src="img/jpg_post2.JPG" alt="Картинка"/>
                            <p> Комплексное число, следовательно, непредсказуемо. Критерий интегрируемости выведен. Связное
                            множество масштабирует эмпирический ряд Тейлора, откуда следует доказываемое равенство. Ф
                                выпуклая книзу охватывает аксиоматичный интеграл от функции комплексной переменной, что
                               неудивительно. До недавнего времени считалось, что рациональное число охватывает д
                              явно демонстрируя всю чушь вышесказанного.
                            </p>
                            <a href="#">Читать далее</a>
                        </div><!--end entry-->
                        <div class="meta_bottom">
                            <span class="author">Автор:Admin</span>
                            <span class="com">Комментарии</span>
                        </div><!--end meta_bottom-->
                    </div><!--end post-->
                    <div class="post">
                        <div class="phead">
                        <h2><a href="#">Заголовок поста3</a></h2>
                            <div class="meta_top">
                                <span class="cat">Категории<a href="#">Категоря один,категория два</a></span>
                                <span class="date">Дата</span>
                            </div><!--end meta_top-->
                        </div><!--end phead-->
                        <div class="entry">
                            <img src="img/jpg_post3.JPG" alt="Картинка"/>
                            <p> Комплексное число, следовательно, непредсказуемо. Критерий интегрируемости выведен. Связное
                            множество масштабирует эмпирический ряд Тейлора, откуда следует доказываемое равенство. Ф
                                выпуклая книзу охватывает аксиоматичный интеграл от функции комплексной переменной, что
                               неудивительно. До недавнего времени считалось, что рациональное число охватывает д
                              явно демонстрируя всю чушь вышесказанного.
                            </p>
                            <a href="#">Читать далее</a>
                        </div><!--end entry-->
                        <div class="meta_bottom">
                            <span class="author">Автор:Admin</span>
                            <span class="com">Комментарии</span>
                        </div><!--end meta_bottom-->
                    </div><!--end post-->
                </div><!--end content-->
                <div id="sidebar>
                    <div class="section">
                        <h3>Об авторе</h3>
                        <img src="img/author_photo.JPG"/>
                        <p>
                        Текст об авторе.
                        </p>
                    </div><!--end section-->
                    <div class="section">
                        <h3>Спонсоры</h3>
                        <img src="img/adsense_blog.JPG"/>
                        <img src="img/adsense_blog.JPG"/>
                    </div><!--end section-->
                    <div class="section">
                        <h3>Категории</h3>
                        <ul>
                        <li><a href="#">Категория один</a></li>
                        <li><a href="#">Категория два</a></li>
                        <li><a href="#">Категория три</a></li>                   
                        <li><a href="#">Категория четыре</a></li>
                        <li><a href="#">Категория пять</a></li>
                        <li><a href="#">Категория шесть</a></li>
                        </ul>
                </div><!--end sidebar-->
                <div id="footer">
                    <div id="footer_top">
                        <div class="footer_block">
                            <h3>Ссылки</h3>
                            <ul>
                                <li><a href="#">Ссылка1</a></li>
                                <li><a href="#">Ссылка2</a></li>
                                <li><a href="#">Ссылка3</a></li>
                                <li><a href="#">Ссылка4</a></li>
                                <li><a href="#">Ссылка5</a></li>
                                <li><a href="#">Ссылка 6</a></li>
                            </ul>
                        </div><!--end footer_block-->
                       <div class="footer_block">
                            <h3>Найти меня на:</h3>
                            <a href="#"><img src="img/Facebook_button.png"></a>
                            <a href="#"><img src="img/fm.sdt_button.png"></a>
                            <a href="#"><img src="img/tweeter_button.png"></a>
                            <a href="#"><img src="img/myspace_button.png"></a>
                            <a href="#"><img src="img/rss_button_footer.png"></a>
                       </div><!--end footer_block-->
                        
                        <div class="footer_block">
                            <h3>Новое</h3>
                            <ul>
                                <li><a href="#">Новость1</a></li>
                                <li><a href="#">Новость2</a></li>
                                <li><a href="#">Новость3</a></li>
                                <li><a href="#">Новость4</a></li>
                                <li><a href="#">Новость5</a></li>
                                <li><a href="#">Новость6</a></li>
                            </ul>
                        </div><!--end footer_block-->
                    </div><!--end footer_top-->
                    <div id="footer bottom">
                        <ul id="footer_nav">
                                <li><a href="#">Главная</a></li>
                                <li><a href="#">О нас</a></li>
                                <li><a href="#">Сервисы</a></li>
                                <li><a href="#">Портфолио</a></li>
                                <li><a href="#">контакты</a></li>
                        </ul>
                        <p>
                        Copyright 2010 - Brilliante - All rights reserved
                        </p>
                    </div><!--end footer_bottom-->
                </div><!--end footer-->
        </div><!--end conteiner-->
    </div><!--end wrap-->
</body>
</html>
css
CSS
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

@import url("reset.css");
 
/*General slyles*/
 
html {
    height:100%
}
body {
    background:#d8d8d8;
    font-family:Arial, Helvetica, sans-serif;
    color:#272b33;
    min-height:100%;
    padding-top: 25px;
    font-size:14px;
}
 
p {
    font-size:14px;
    color:#272b33;
}
 
a {
    text-decoration:none;
    outline:none;
    color:#646464;
    font-size:14px;
}
 
a:hover {
    text-decoration:underline;
    outline:none;
    color:#fff;
    font-size:14px;
}
 
code {
    font-family:"Courier New", Courier, monospace;
    color:#000;
}
 
blockquete {
    font-style:italic;
    back-ground:#ccc;
    margin-left:20px;
}
 
#wrap {
    width:960px;
    background:#ededed;
    margin:0 auto;
}
 
/*Header*/
#header{
    height:205px;
}
#header_top{
    height:65px;
    background:#1a1e27;
}
 
#header_bottom {
    height:140px;
}
Скрин
Миниатюры
Не правильный вывод блоков div  
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
 28.10.2012, 00:31
Ответы с готовыми решениями:

Затрудняюсь сделать правильный перенос блоков div
Проблема заключается в следующем : Мне нужно чтобы при сужении экрана браузера, блоки 1 2 3 4 5 6 7...

Размещение нескольких блоков div внутри другого блока div
Хочу сделать шапку веб-страницы. Прикреплю ниже небольшую схему того, как она будет выглядеть. Хочу...

Как реализовать смещение div блоков под другой div?
Всем привет! Помогите сместить блоки под другой блок! &lt;div class=&quot;container&quot;&gt;&lt;div class=&quot;left-div...

Вывод div блоков
Добрый день товарищи! У меня такой вопрос. Допустим есть несколько страниц сайта. Можно-ли вывести ...

9
O tempora, o mores!
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
28.10.2012, 00:37 2
где стили к id="slider"?
по моему у меню в header просто не хватает места в шапке, потому и вылазит на слайдер
0
7 / 7 / 0
Регистрация: 11.01.2012
Сообщений: 240
28.10.2012, 00:48  [ТС] 3
Здесь не нужны пока стили, и так не должно залезать
Если убираю слайдер, залезает что-то другое, при чем ровно по header_buttom, как будто нет его
0
O tempora, o mores!
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
28.10.2012, 01:12 4
для начала откройте в редакторе с подсветкой синтаксиса (лучше notepad++) и проверьте как у вас открыты теги div и соответственно закрыты. на скрине видно, что тег header_top почему то закрывается там, где header, а header вообще внизу где то. это я напрямую скопировал с этой страницы. такое бывает, и от этого бывает неадекватное поведение элементов
Миниатюры
Не правильный вывод блоков div  
0
7 / 7 / 0
Регистрация: 11.01.2012
Сообщений: 240
28.10.2012, 01:37  [ТС] 5
HTML5
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180

<link rel="stylesheet" type="text/css" href="style.css" />
<title>Тестовый блог</title>
</head>
    
<body>
    <div id="wrap">
        <div id="header">
            <div id="header_top">
            <ul id="navigation">
                <li><a href="#">Главная</a></li>
                <li><a href="#">О нас</a></li>
                <li><a href="#">Сервисы</a></li>
                <li><a href="#">Портфолио</a></li>
                <li><a href="#">контакты</a></li>
            </ul>
                <div id="RSS">
                <a href="#"><span></span><img src="img/rss_button.png" alt="RSS блога"/></a>
                </div><!--end RSS-->
                    <div id="search">
                    <img src="img/search_form.png" alt="Форма поиска по сайту/>
                    </div><!--end search-->
            </div><!--end header_top-->
                    <div id="header_bottom">
                        <h1>Наш новый блог</h1>
                        <p id="Slogan">Здесь будет слоган </p>
                        <p id="discription">Здесь будет интересное описание блога</p>
                    </div><!---header_bottom-->
        </div><!--end header-->
        <div id="slider">
        <img src="img/slider_bg.JPG" alt="slider"/>
        </div><!--end slider-->
            <div id="container">
                <div id="content">
                    <p id="content_header"> Последнее на блоге </p>
                    <div class="post">
                        <div class="phead">
                        <h2><a href="#">Заголовок поста1</a></h2>
                            <div class="meta_top">
                                <span class="cat">Категории<a href="#">Категоря один,категория два</a></span>
                                <span class="date">Дата</span>
                            </div><!--end meta_top-->
                        </div><!--end phead-->
                        <div class="entry">
                            <img src="img/jpg_post1.JPG" alt="Картинка"/>
                            <p> Комплексное число, следовательно, непредсказуемо. Критерий интегрируемости выведен. Связное
                            множество масштабирует эмпирический ряд Тейлора, откуда следует доказываемое равенство. Ф
                                выпуклая книзу охватывает аксиоматичный интеграл от функции комплексной переменной, что
                               неудивительно. До недавнего времени считалось, что рациональное число охватывает д
                              явно демонстрируя всю чушь вышесказанного.
                            </p>
                            <a href="#">Читать далее</a>
                        </div><!--end entry-->
                        <div class="meta_bottom">
                            <span class="author">Автор:Admin</span>
                            <span class="com">Комментарии</span>
                        </div><!--end meta_bottom-->
                    </div><!--end post-->
                    <div class="post">
                        <div class="phead">
                        <h2><a href="#">Заголовок поста2</a></h2>
                            <div class="meta_top">
                                <span class="cat">Категории<a href="#">Категоря один,категория два</a></span>
                                <span class="date">Дата</span>
                            </div><!--end meta_top-->
                        </div><!--end phead-->
                        <div class="entry">
                            <img src="img/jpg_post2.JPG" alt="Картинка"/>
                            <p> Комплексное число, следовательно, непредсказуемо. Критерий интегрируемости выведен. Связное
                            множество масштабирует эмпирический ряд Тейлора, откуда следует доказываемое равенство. Ф
                                выпуклая книзу охватывает аксиоматичный интеграл от функции комплексной переменной, что
                               неудивительно. До недавнего времени считалось, что рациональное число охватывает д
                              явно демонстрируя всю чушь вышесказанного.
                            </p>
                            <a href="#">Читать далее</a>
                        </div><!--end entry-->
                        <div class="meta_bottom">
                            <span class="author">Автор:Admin</span>
                            <span class="com">Комментарии</span>
                        </div><!--end meta_bottom-->
                    </div><!--end post-->
                    <div class="post">
                        <div class="phead">
                        <h2><a href="#">Заголовок поста3</a></h2>
                            <div class="meta_top">
                                <span class="cat">Категории<a href="#">Категоря один,категория два</a></span>
                                <span class="date">Дата</span>
                            </div><!--end meta_top-->
                        </div><!--end phead-->
                        <div class="entry">
                            <img src="img/jpg_post3.JPG" alt="Картинка"/>
                            <p> Комплексное число, следовательно, непредсказуемо. Критерий интегрируемости выведен. Связное
                            множество масштабирует эмпирический ряд Тейлора, откуда следует доказываемое равенство. Ф
                                выпуклая книзу охватывает аксиоматичный интеграл от функции комплексной переменной, что
                               неудивительно. До недавнего времени считалось, что рациональное число охватывает д
                              явно демонстрируя всю чушь вышесказанного.
                            </p>
                            <a href="#">Читать далее</a>
                        </div><!--end entry-->
                        <div class="meta_bottom">
                            <span class="author">Автор:Admin</span>
                            <span class="com">Комментарии</span>
                        </div><!--end meta_bottom-->
                    </div><!--end post-->
                </div><!--end content-->
                <div id="sidebar>
                    <div class="section">
                        <h3>Об авторе</h3>
                        <img src="img/author_photo.JPG"/>
                        <p>
                        Текст об авторе.
                        </p>
                    </div><!--end section-->
                    <div class="section">
                        <h3>Спонсоры</h3>
                        <img src="img/adsense_blog.JPG"/>
                        <img src="img/adsense_blog.JPG"/>
                    </div><!--end section-->
                    <div class="section">
                        <h3>Категории</h3>
                        <ul>
                        <li><a href="#">Категория один</a></li>
                        <li><a href="#">Категория два</a></li>
                        <li><a href="#">Категория три</a></li>                   
                        <li><a href="#">Категория четыре</a></li>
                        <li><a href="#">Категория пять</a></li>
                        <li><a href="#">Категория шесть</a></li>
                        </ul>
                        </div>
                </div><!--end sidebar-->
                <div id="footer">
                    <div id="footer_top">
                        <div class="footer_block">
                            <h3>Ссылки</h3>
                            <ul>
                                <li><a href="#">Ссылка1</a></li>
                                <li><a href="#">Ссылка2</a></li>
                                <li><a href="#">Ссылка3</a></li>
                                <li><a href="#">Ссылка4</a></li>
                                <li><a href="#">Ссылка5</a></li>
                                <li><a href="#">Ссылка 6</a></li>
                            </ul>
                        </div><!--end footer_block-->
                       <div class="footer_block">
                            <h3>Найти меня на:</h3>
                            <a href="#"><img src="img/Facebook_button.png"></a>
                            <a href="#"><img src="img/fm.sdt_button.png"></a>
                            <a href="#"><img src="img/tweeter_button.png"></a>
                            <a href="#"><img src="img/myspace_button.png"></a>
                            <a href="#"><img src="img/rss_button_footer.png"></a>
                       </div><!--end footer_block-->
                        
                        <div class="footer_block">
                            <h3>Новое</h3>
                            <ul>
                                <li><a href="#">Новость1</a></li>
                                <li><a href="#">Новость2</a></li>
                                <li><a href="#">Новость3</a></li>
                                <li><a href="#">Новость4</a></li>
                                <li><a href="#">Новость5</a></li>
                                <li><a href="#">Новость6</a></li>
                            </ul>
                        </div><!--end footer_block-->
                    </div><!--end footer_top-->
                    <div id="footer bottom">
                        <ul id="footer_nav">
                                <li><a href="#">Главная</a></li>
                                <li><a href="#">О нас</a></li>
                                <li><a href="#">Сервисы</a></li>
                                <li><a href="#">Портфолио</a></li>
                                <li><a href="#">контакты</a></li>
                        </ul>
                        <p>
                        Copyright 2010 - Brilliante - All rights reserved
                        </p>
                    </div><!--end footer_bottom-->
                </div><!--end footer-->
        </div><!--end conteiner-->
    </div><!--end wrap-->
</body>
</html>
Исправил, теперь все верно, но ничего не изменилось
0
O tempora, o mores!
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
28.10.2012, 09:51 6
HTML5
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

<div id="wrap">
        <div id="header">
            <div id="header_top">
                <ul id="navigation">
                    <li><a href="#">Главная</a></li>
                    <li><a href="#">О нас</a></li>
                    <li><a href="#">Сервисы</a></li>
                    <li><a href="#">Портфолио</a></li>
                    <li><a href="#">контакты</a></li>
                </ul>
                <div id="RSS">
                    <a href="#"><img src="img/rss_button.png" alt="RSS блога"/></a>
                </div><!--end RSS-->
                <div id="search">
                    <img src="img/search_form.png" alt="Форма поиска по сайту">
                </div><!--end search-->
            </div><!--end header_top-->
            <div id="header_bottom">
                <h1>Наш новый блог</h1>
                <p id="Slogan">Здесь будет слоган </p>
                <p id="discription">Здесь будет интересное описание блога</p>
            </div><!---header_bottom-->
        </div><!--end header-->
        <div id="slider">
            <img src="img/slider_bg.JPG" alt="slider"/>
        </div><!--end slider-->
......
......
    </div><!--end wrap-->
приложите картинки, чтобы можно было посмотреть у себя
0
7 / 7 / 0
Регистрация: 11.01.2012
Сообщений: 240
28.10.2012, 12:11  [ТС] 7
Приложил
Миниатюры
Не правильный вывод блоков div  
Изображения
    
0
O tempora, o mores!
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
28.10.2012, 12:26 8
вот как выглядит это у меня.

меню выходит за границы своего блока, но это нормально, оно просто туда не влазит
Миниатюры
Не правильный вывод блоков div  
0
7 / 7 / 0
Регистрация: 11.01.2012
Сообщений: 240
28.10.2012, 12:54  [ТС] 9
А почему же у меня картинка вплотную к ферхнему футеру?..

Добавлено через 17 минут
Вставляю этот код и все нормально отображается..Где ошибка то?
HTML5
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190

<!DOCTYPE html>
<html lang="ru-RU">
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="style.css" />
        <title>Тестовый блог</title>
    </head>
 
    <body>
 
        <div id="wrap">
            <div id="header">
                <div id="header_top">
                    <ul id="navigation">
                        <li><a href="#">Главная</a></li>
                        <li><a href="#">О нас</a></li>
                        <li><a href="#">Сервисы</a></li>
                        <li><a href="#">Портфолио</a></li>
                        <li><a href="#">Контакты</a></li>
                    </ul>
 
                    <div id="RSS">
                        <a href="#"><span>RSS блога</span><img src="img/rss_button.png" alt="RSS блога" /></a>
                    </div><!--end RSS-->
                    <div id="search">
                        <img src="img/search_bg.png" alt="Форма поиска по сайту"/>
                    </div><!--end search-->
                </div><!--end header_top-->
                <div id="header_bottom">
                    <h1>Наш новый блог</h1>
                    <p id="slogan">Здесь будет слоган!</p>
                    <p id="discription">Здесь будет интересное описание для нашего блога!</p>
                </div><!--end header_bottom-->
 
            </div><!--end header-->
 
            <div id="slider">
                <img src="img/slider_bg.jpg" alt="Слайдер" />
            </div><!--end slider-->
            <div id="conteiner">
                <div id="content">
                    <p id="content_header">Последние записи</p>
                    <div class="post">
                        <div class="phead">
                            <h2><a href="#">Заголовок поста1</a></h2>
                            <div class="meta_top">
                                <span class="cat">Категории: <a href="#">Категория один, категория два</a></span>
                                <span class="date">Дата: 12 октября 2011г.</span>
                            </div>
                        </div>
                        <div class="entry">
                            <img src="img/post_img_one.jpg" alt="изображение поста" />
                            <p>
                                Комплексное число, следовательно, непредсказуемо. Критерий интегрируемости выведен. Связное
                                множество масштабирует эмпирический ряд Тейлора, откуда следует доказываемое равенство. Функция
                                выпуклая книзу охватывает аксиоматичный интеграл от функции комплексной переменной, что
                                неудивительно. До недавнего времени считалось, что рациональное число охватывает детерминант,
                                явно демонстрируя всю чушь вышесказанного.
                            </p>
                            <a href="#">Читать далее</a>
                        </div>
                        <div class="meta_bottom">
                            <span class="author">Автор: admin</span>
                            <span class="com">Комментариев: 10</span>
                        </div>
                    </div><!--end post-->
                    <div class="post">
                        <div class="phead">
                            <h2><a href="#">Заголовок поста2</a></h2>
                            <div class="meta_top">
                                <span class="cat">Категории: <a href="#">Категория один, категория два</a></span>
                                <span class="date">Дата: 12 октября 2011г.</span>
                            </div>
                        </div>
                        <div class="entry">
                            <img src="img/post_img_two.jpg" alt="изображение поста" />
                            <p>
                                Комплексное число, следовательно, непредсказуемо. Критерий интегрируемости выведен. Связное
                                множество масштабирует эмпирический ряд Тейлора, откуда следует доказываемое равенство. Функция
                                выпуклая книзу охватывает аксиоматичный интеграл от функции комплексной переменной, что
                                неудивительно. До недавнего времени считалось, что рациональное число охватывает детерминант,
                                явно демонстрируя всю чушь вышесказанного.
                            </p>
                            <a href="#">Читать далее</a>
                        </div>
                        <div class="meta_bottom">
                            <span class="author">Автор: admin</span>
                            <span class="com">Комментариев: 10</span>
                        </div>
                    </div><!--end post-->
                    <div class="post">
                        <div class="phead">
                            <h2><a href="#">Заголовок поста3</a></h2>
                            <div class="meta_top">
                                <span class="cat">Категории: <a href="#">Категория один, категория два</a></span>
                                <span class="date">Дата: 12 октября 2011г.</span>
                            </div>
                        </div>
                        <div class="entry">
                            <img src="img/post_img_three.jpg" alt="изображение поста" />
                            <p>
                                Комплексное число, следовательно, непредсказуемо. Критерий интегрируемости выведен. Связное
                                множество масштабирует эмпирический ряд Тейлора, откуда следует доказываемое равенство. Функция
                                выпуклая книзу охватывает аксиоматичный интеграл от функции комплексной переменной, что
                                неудивительно. До недавнего времени считалось, что рациональное число охватывает детерминант,
                                явно демонстрируя всю чушь вышесказанного.
                            </p>
                            <a href="#">Читать далее</a>
                        </div>
                        <div class="meta_bottom">
                            <span class="author">Автор: admin</span>
                            <span class="com">Комментариев: 10</span>
                        </div>
                    </div><!--end post-->
                </div><!--end content-->
 
                <div id="sidebar">
                    <div class="section">
                        <h3>Об авторе блога</h3>
                        <img src="img/author_photo.jpg" alt="фото автора блога" />
                        <p>
                            Критерий интегрируемости программирует лист Мёбиуса, как и предполагалось. Интеграл по
                            ориентированной области в качестве несложной домашней работы.
                        </p>
                    </div>
                    <div class="section">
                        <h3>Спонсоры</h3>
                        <img src="img/adsense_block.jpg" alt="реклама на блоге"/>
                        <img src="img/adsense_block.jpg" alt="реклама на блоге"/>
                    </div>
                    <div class="section">
                        <h3>Рубрики блога</h3>
                        <ul>
                            <li><a href="#">Рубрика1</a></li>
                            <li><a href="#">Рубрика2</a></li>
                            <li><a href="#">Рубрика3</a></li>
                            <li><a href="#">Рубрика4</a></li>
                            <li><a href="#">Рубрика5</a></li>
                            <li><a href="#">Рубрика6</a></li>
                        </ul>
                    </div>
                </div><!--end sidebar-->
                <div id="footer">
                    <div id="footer_top">
                        <div class="footer_block">
                            <h3>Ссылки</h3>
                            <ul>
                                <li><a href="#">Ссылка1</a></li>
                                <li><a href="#">Ссылка2</a></li>
                                <li><a href="#">Ссылка3</a></li>
                                <li><a href="#">Ссылка4</a></li>
                                <li><a href="#">Ссылка5</a></li>
                                <li><a href="#">Ссылка6</a></li>
                            </ul>
                        </div>
                        <div class="footer_block">
                            <h3>Найти меня на:</h3>
                            <a href="#"><img src="img/facebook_button.png" alt="facebook" /></img></a>
                            <a href="#"><img src="img/last_button.png" alt="music" /></img></a>
                            <a href="#"><img src="img/twitter_button.png" alt="twitter" /></img></a>
                            <a href="#"><img src="img/mySpace_button.png" alt="mySpace" /></img></a>
                            <a href="#"><img src="img/rss_bg.png" alt="rss" /></img></a>
                        </div>
                        <div class="footer_block">
                            <h3>Новое на сайте</h3>
                            <ul>
                                <li><a href="#">Ссылка1</a></li>
                                <li><a href="#">Ссылка2</a></li>
                                <li><a href="#">Ссылка3</a></li>
                                <li><a href="#">Ссылка4</a></li>
                                <li><a href="#">Ссылка5</a></li>
                                <li><a href="#">Ссылка6</a></li>
                            </ul>
                        </div>
                    </div><!--end footer_top-->
                    <div id="footer_bottom">
                        <ul id="footer_nav">
                            <li><a href="#">Главная</a></li>
                            <li><a href="#">О нас</a></li>
                            <li><a href="#">Сервисы</a></li>
                            <li><a href="#">Портфолио</a></li>
                            <li><a href="#">Контакты</a></li>
                        </ul>
                        <p>Copyright 2011 - <a href="#">Brilliante</a> - All rights reserved</p>
                    </div>
                </div><!--end footer-->
            </div><!--end conteiner-->
        </div><!--end wrap-->
    </body>
</html>
0
O tempora, o mores!
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
28.10.2012, 14:16 10
HTML5
1
2
3

<div id="search">
                    <img src="img/search_form.png" alt="Форма поиска по сайту/>
                    </div><!--end search-->
в коде начала темы не закрыт атрибут alt
0
28.10.2012, 14:16
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
 28.10.2012, 14:16
Помогаю со студенческими работами здесь

Правильный порядок блоков в двухколоночном макете
У меня centrecol выдает в конце а надо в центре. Помогите пожалуйста. &lt;div id=&quot;wrapper&quot;&gt; ...

Выравнивание блоков div
Помогите пожалуйста выровнить блоки див, чтобы они были такого вида |div|25px отступ|div|25px...

Позиционирование блоков div
Здравствуйте! Вот столкнулся с такой проблемой: есть 3 блока div &lt;div id=&quot;conteiner&quot;&gt; ...

Размери блоков div
У меня есть два блока созданих с помощю div. Один - menu Второй - content Они размещени...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru