Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
0 / 0 / 0
Регистрация: 06.01.2016
Сообщений: 5
1

не могу понять в чем дело

09.01.2016, 23:05. Просмотров 316. Ответов 9
Метки нет (Все метки)

в Блок див через тег имг поместил изображение для шапки сайта, в стилях растянул на 100% изображение.Далее на изображение нанес текст через позиционирование. Когда делаю расширение браузера 1024 текст на картинке уплывает куда то вверх.Подскажите как быть?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
09.01.2016, 23:05
Ответы с готовыми решениями:

Не могу понять в чем дело.
Здраствуйте! Не давно поймал банер на сайте Vkontakte.ru, банер не давал возможности зайти на какой...

не могу понять в чем дело
In file included from /usr/local/lib/gcc47/include/c++/csignal:44:0, from...

Не могу понять в чем дело
Ребята пишу программу по расчету Машины постоянного тока , все написал , проблема в том что у меня...

Не могу понять в чем дело!!!
Системная :Asus P5B Deluxe, Intel Core 2 Duo E6600, 2400 MHz,OCZ XTC Platinum 2x1 Гб...

9
58 / 57 / 22
Регистрация: 29.07.2014
Сообщений: 275
10.01.2016, 00:36 2
Дмитрий Дорош, код в студию.
0
0 / 0 / 0
Регистрация: 06.01.2016
Сообщений: 5
10.01.2016, 00:45  [ТС] 3
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
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<!DOCTYPE html>
<html>
<head>
    <title>Верстка сложного шаблона</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="styles/styles.css">
</head>
<body>
    <div id="logo">
        <table>
            <tr>
                <td>
                    <img src="https://www.cyberforum.ru/images/logo.jpg" alt="logo" />
                </td>
                <td class="right">
                
                    <p class="gray">
                    For Additional lnformational, Contact Us!
                    </p>
                    <p class="green">
                    [email]info@memostra.com[/email]
                    </p>
                    
                </td>
            </tr>
        </table>
    </div>
    <div id="topmenu">
        <ul>
            <li class="activ">
                <a href="#">
                <span>Home</span>
                </a>
            </li>
            
            <li>
                <a href="#">
                <span>About</span>
                </a>
            </li>
            
            <li>
                <a href="#">
                <span>Chothing</span>
                </a>
            </li>
            
            <li>
                <a href="#">
                <span>Shoes</span>
                </a>
            </li>
            <li>
                <a href="#">
                <span>Electronics</span>
                </a>
            </li>
            
            <li>
                <a href="#">
                <span>Perfumes</span>
                </a>
            </li>
            
            <li>
                <a href="#">
                <span>Contact Us</span>
                </a>
            </li>
        </ul>
        <div id="right">
            <a href="#">
                <img src="https://www.cyberforum.ru/images/facebook.jpg" alt="facebook" />
            </a>
            <a href="#">
            <img src="https://www.cyberforum.ru/images/mail.jpg" alt="mail" />
            </a>
        </div>
        <div class="clear"></div>
    </div>
    <div id="header">
        <img src="https://www.cyberforum.ru/images/hader.jpg" alt="шапка сайта" />
        <div id="content_header">
            <h1>Welcom to Mostra!</h1>
            <h3>Qualiti Products - Great Prices!</h3>
            <p> 
            <a href="#"><span>Chek it Out!</span></a>
            </p>
        </div>
    </div>
    
    <div id="menu">
        <table>
            <tr>
                <td>
                    <table>
                    <tr>
                        <td class="activ">
                            <a href="#">
                                <span>All Categories</span>
                            </a>
                        </td>
                        
                        <td>
                            <a href="#">
                                <span>Men</span>
                            </a>
                        </td>
                            <td>
                                <a href="#">
                                    <span>Women</span>
                                </a>
                            </td>
                        </tr>
                    </table>
                </td>
                <td class="right">
                    <div id="search">
                        <form name="searchform" action="#" method="post">
                            <table>
                                <tr>
                                    <td>
                                        <div>
                                            <input type="text" name="words"  value="Browse Products " />
                                        </div>
                                    </td>
                                    <td>
                                        <input type="image" src="https://www.cyberforum.ru/images/search.jpg" alt="кнопка" />
                                    </td>
                                </tr>
                            </table>
                        </form>
                    </div>
                
                </td>
            </tr>
        </table>
    </div>
    <div id="separator">
    </div>
    <div id="products"> 
        <table>
            <tr>
                <td class="left">
                    <table>
                        <tr>
                            <td colspan="2">
                            <p class="title">Abercrombie & Fitch</p>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div>
                                    <img src="https://www.cyberforum.ru/images/image1.jpg" alt="товар">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="price">
                                <p>Price<span>US $65</span></p>
                            </td>
                                <td class="cod">
                                <p>COD<span>AE001</span></p>
                            </td>
                        </tr>
                    </table>
                </td>
                <td class="center" >
                    
                    <table>
                        <tr>
                            <td colspan="2">
                            <p class="title">Hollister</p>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div>
                                    <img src="https://www.cyberforum.ru/images/image2.jpg" alt="товар">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="price">
                                <p>Price<span>US $65</span></p>
                            </td>
                                <td class="cod">
                                <p>COD<span>HO001</span></p>
                            </td>
                        </tr>
                    </table>
                </td>
                <td class="r">
                    
                    <table>
                        <tr>
                            <td colspan="2">
                            <p class="title">Hollister</p>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div>
                                    <img src="https://www.cyberforum.ru/images/image3.jpg" alt="товар">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="price">
                                <p>Price<span>US $65</span></p>
                            </td>
                                <td class="cod">
                                <p>COD<span>HO002</span></p>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td class="left">
                    <table>
                        <tr>
                            <td colspan="2">
                            <p class="title">Abercrombie & Fitch</p>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div>
                                    <img src="https://www.cyberforum.ru/images/image4.jpg" alt="товар">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="price">
                                <p>Price<span>US $65</span></p>
                            </td>
                                <td class="cod">
                                <p>COD<span>AE002</span></p>
                            </td>
                        </tr>
                    </table>
                </td>
                <td class="center" >
                    
                    <table>
                        <tr>
                            <td colspan="2">
                            <p class="title">Ralph Lauren</p>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div>
                                    <img src="https://www.cyberforum.ru/images/image5.jpg" alt="товар">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="price">
                                <p>Price<span>US $65</span></p>
                            </td>
                                <td class="cod">
                                <p>COD<span>RA001</span></p>
                            </td>
                        </tr>
                    </table>
                </td>
                <td class="r">
                    
                    <table>
                        <tr>
                            <td colspan="2">
                            <p class="title">Ralph Lauren</p>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div>
                                    <img src="https://www.cyberforum.ru/images/image6.jpg" alt="товар">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="price">
                                <p>Price<span>US $65</span></p>
                            </td>
                                <td class="cod">
                                <p>COD<span>HO002</span></p>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
</body>
 
</html>
0
Эксперт JSЭксперт HTML/CSS
2424 / 1103 / 309
Регистрация: 23.06.2011
Сообщений: 3,455
10.01.2016, 08:06 4
Цитата Сообщение от Дмитрий Дорош Посмотреть сообщение
нанес текст через позиционирование
похоже что использовался абсолют, вот он и держит заданные координаты
диву нужно дать релатив, тогда абсолют картинки будет позиционироваться относительно дива, а не окна браузера, див при этом останется в основном потоке
0
0 / 0 / 0
Регистрация: 06.01.2016
Сообщений: 5
12.01.2016, 09:12  [ТС] 5
Можете объяснить поподробнее.

Добавлено через 57 секунд
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
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
#content_header{
    position:relative;
    float:right;
    text-align:right;
    margin-top: -237px;
    margin-right: 63px;
}
#header img{
    width:100%;
}
#content_header h1, #content_header h3{
    margin:0;
    
    
}
#content_header h1{
    color:#688fb1;
    font-size:300%;
}
#content_header h3{
    color:#91a9bd;
    font-size:140%;
}
#content_header a{
    background-color:#f28221;
    color:#ffffff;
    padding:10px 20px;
    text-decoration:none;
    
    
}
#content_header p{
    margin-top:50px;
}
#menu{
    margin:15px;
}
#menu td  a{
    background-color:#ececec;
    color:#a2a1a1;
    font-weight:bold;
    display:block;
    padding:10px 20px;
    text-decoration:none;
}
#menu td.activ, #menu td a:hover{
    background-color:#dfedf5;
    color:#6185ab;
}
 
}
#search div input{
    border:3px solid #c5debb;
    height:15px;
    width:238;
    color:#676767;
    padding:5px;
}
#search div{
    border:1px solid #a5c796;
 
    
}
#menu.right{
text-align:right;
 
}
#menu table {
    width:100%
}
#menu table table{
    width:auto;
}
#search{
    float:right;
}
#separator{
    border-top:1px dashed #99cccc;
    margin-top:20px;
    height:1px;
    width:100%;
}
#products table{
    width:100%;
}
#products table table{
    width:auto;
}
#products  .center table{
    margin-left:25%;
    
}
#products .r  table {
    margin-left:50%;
    
}
#products .left table{
    
}
Добавлено через 37 секунд
Вот мои стили
0
Эксперт HTML/CSS
2943 / 2508 / 1063
Регистрация: 15.12.2012
Сообщений: 9,389
Записей в блоге: 9
12.01.2016, 13:24 6
Дмитрий Дорош, если честно, то у Вас довольно кривой шаблон получается... Разобрать, что к чему очень проблематично... Использовать при вёрстке отрицательные отступы крайне не рекомендуется, если можно обойтись без них! Делать левый верхний блок - я бы таблицей не стал, хоть и ровно, но тег не на своём месте... Текст на картинке не уплывает куда-то вверх, при сужении происходит смещение верхнего правого блока под верхний левый, они у Вас на разном уровне находятся, хотя по идее должны находится в общем родительском блоке... Пока такой диагноз...
0
0 / 0 / 0
Регистрация: 06.01.2016
Сообщений: 5
12.01.2016, 14:20  [ТС] 7
Федор извиняюсь, но вас не могу понять. Верхний слева верхний справа можете поконкретней, что вы имеете виду,если не трудно.
0
Эксперт HTML/CSS
2943 / 2508 / 1063
Регистрация: 15.12.2012
Сообщений: 9,389
Записей в блоге: 9
12.01.2016, 15:17 8
Дмитрий Дорош, теперь видно?
не могу понять в чем дело
0
0 / 0 / 0
Регистрация: 06.01.2016
Сообщений: 5
12.01.2016, 17:16  [ТС] 9
т.е. вы мне предлагаете сделать верхнию таблицу, как левый и правый блок. Родительский у них общий сделать див и туда засунуть надпись,которая находится на изображении. Я правильно понял?
0
Эксперт HTML/CSS
2943 / 2508 / 1063
Регистрация: 15.12.2012
Сообщений: 9,389
Записей в блоге: 9
12.01.2016, 18:58 10
Цитата Сообщение от Дмитрий Дорош Посмотреть сообщение
Родительский у них общий сделать див и туда засунуть надпись,которая находится на изображении. Я правильно понял?
Да вы правильно поняли... Можно и так... Можно сделать трёхколоночный шаблон, как вариант...
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
12.01.2016, 18:58

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Не могу понять в чём дело
Ребят всем привет! Объясните мне пожалуйста в чём дело? Я установил ubuntu, после того как я...

не могу понять в чём дело
Доброго всем дня! Объясню ситуацию. на работе корпоративная сеть (домен и т.д.) от Циски идут 3...

не могу понять, в чем дело...
Стояло у меня две планки 2+1 оперативки DDR2 PC2-6400 (800) одной фирмы NCP но на разных чипах......

Не могу понять в чём дело
доброй ночи тем кому не спится и тем кто это сообщение увидит утром,доброго утра!!!! ребят...


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

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.