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

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

28.10.2012, 00:31. Показов 1559. Ответов 9
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
В общем суть в следующем, блок 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
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
28.10.2012, 00:31
Ответы с готовыми решениями:

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

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

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

9
O tempora, o mores!
 Аватар для conformist
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
28.10.2012, 00:37
где стили к id="slider"?
по моему у меню в header просто не хватает места в шапке, потому и вылазит на слайдер
0
7 / 7 / 0
Регистрация: 11.01.2012
Сообщений: 240
28.10.2012, 00:48  [ТС]
Здесь не нужны пока стили, и так не должно залезать
Если убираю слайдер, залезает что-то другое, при чем ровно по header_buttom, как будто нет его
0
O tempora, o mores!
 Аватар для conformist
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
28.10.2012, 01:12
для начала откройте в редакторе с подсветкой синтаксиса (лучше notepad++) и проверьте как у вас открыты теги div и соответственно закрыты. на скрине видно, что тег header_top почему то закрывается там, где header, а header вообще внизу где то. это я напрямую скопировал с этой страницы. такое бывает, и от этого бывает неадекватное поведение элементов
Миниатюры
Не правильный вывод блоков div  
0
7 / 7 / 0
Регистрация: 11.01.2012
Сообщений: 240
28.10.2012, 01:37  [ТС]
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!
 Аватар для conformist
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
28.10.2012, 09:51
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  [ТС]
Приложил
Миниатюры
Не правильный вывод блоков div  
Изображения
    
0
O tempora, o mores!
 Аватар для conformist
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
28.10.2012, 12:26
вот как выглядит это у меня.

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

Добавлено через 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!
 Аватар для conformist
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
28.10.2012, 14:16
HTML5
1
2
3
<div id="search">
                    <img src="img/search_form.png" alt="Форма поиска по сайту/>
                    </div><!--end search-->
в коде начала темы не закрыт атрибут alt
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
28.10.2012, 14:16
Помогаю со студенческими работами здесь

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

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

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

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

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


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

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru