Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.94/36: Рейтинг темы: голосов - 36, средняя оценка - 4.94
 Аватар для 4atty
45 / 45 / 1
Регистрация: 09.06.2011
Сообщений: 117

Кодировка сайта

06.07.2011, 17:48. Показов 6674. Ответов 21
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здраствуйте всем.
Редактировав html страницу столкнулся с проблемой.
Назвав разделы сайта Главная, Новости и т.д. на сайт не хочет выводить русские буквы
Что делать ? Кодировка сайта в UTF-8.
Буду очень благодарен за помощь.

________________
+1 гарантирую
1
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
06.07.2011, 17:48
Ответы с готовыми решениями:

Кодировка сайта
Здравствуйте! Типичная проблема - вместо русских букв иероглифы. Только догодать не могу, почем? Я пробовал и: <meta...

Кодировка сайта
Ребята помогите уже не знаю что делать кодировка (.никод(UTF-8) стоит но иероглифы одни что еще можете посоветовать..

Кодировка сайта
Помогите пожалуйста, Как сделать так, что кодировка сайта во всех браузерах отображался нормально, а не балаберда(вопросики иероглифы какие...

21
97 / 36 / 6
Регистрация: 05.07.2011
Сообщений: 382
06.07.2011, 17:58
Дайте ссылку на сайт !
0
 Аватар для 4atty
45 / 45 / 1
Регистрация: 09.06.2011
Сообщений: 117
06.07.2011, 21:18  [ТС]
сайт на локалхосте
я его не положил на хостинг

Добавлено через 19 минут
но я могу дать html код
1
97 / 36 / 6
Регистрация: 05.07.2011
Сообщений: 382
06.07.2011, 21:21
Давайте.
0
 Аватар для 4atty
45 / 45 / 1
Регистрация: 09.06.2011
Сообщений: 117
06.07.2011, 21:30  [ТС]
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Мой сайт</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-titillium-250.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
</head>
<body>
<div class="main">
  <div class="header">
    <div class="header_resize">
      <div class="menu_nav">
        <ul>
          <li class="active"><a href="index.html"><span>Главная</span></a></li>
          <li><a href="support.html"><span>Новости</span></a></li>
          <li><a href="about.html"><span>О нас</span></a></li>
          <li><a href="blog.html"><span>Блог</span></a></li>
          <li><a href="contact.html"><span>Свяжитесь с нами</span></a></li>
        </ul>
      </div>
      <div class="logo">
        <h1><a href="index.html">Sky<span>Dream</span> <small>Company Slogan Here</small></a></h1>
      </div>
      <div class="clr"></div>
      <div class="slider">
        <div id="coin-slider"> <a href="#"><img src="images/slide1.jpg" width="960" height="360" alt="" /><span> Tusce nec iaculis risus hasellus nec sem sed tellus malesuada porttitor. Mauris scelerisque feugiat ante in vulputate. Nam sit amet ullamcorper tortor. Phasellus posuere facilisis cursus. Nunc est lorem, dictum at scelerisque sit amet, faucibus et est. Proin mattis ipsum quis arcu aliquam molestie.</span></a> <a href="#"><img src="images/slide2.jpg" width="960" height="360" alt="" /><span> Tusce nec iaculis risus hasellus nec sem sed tellus malesuada porttitor. Mauris scelerisque feugiat ante in vulputate. Nam sit amet ullamcorper tortor. Phasellus posuere facilisis cursus. Nunc est lorem, dictum at scelerisque sit amet, faucibus et est. Proin mattis ipsum quis arcu aliquam molestie.</span></a> <a href="#"><img src="images/slide3.jpg" width="960" height="360" alt="" /><span> Tusce nec iaculis risus hasellus nec sem sed tellus malesuada porttitor. Mauris scelerisque feugiat ante in vulputate. Nam sit amet ullamcorper tortor. Phasellus posuere facilisis cursus. Nunc est lorem, dictum at scelerisque sit amet, faucibus et est. Proin mattis ipsum quis arcu aliquam molestie.</span></a> </div>
        <div class="clr"></div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="content">
    <div class="content_resize">
      <div class="mainbar">
        <div class="article">
          <h2><span>Excellent Solution</span> For Your Business</h2>
          <p class="infopost">Posted <span class="date">on 11 sep 2018</span> by <a href="#">Admin</a> &nbsp;&nbsp;|&nbsp;&nbsp; Filed under <a href="#">templates</a>, <a href="#">internet</a> <a href="#" class="com">Comments <span>11</span></a></p>
          <div class="clr"></div>
          <div class="img"><img src="images/img1.jpg" width="200" height="210" alt="" class="fl" /></div>
          <div class="post_content">
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. <a href="#">Suspendisse bibendum. Cras id urna.</a> Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</p>
            <p><strong>Aenean consequat porttitor adipiscing. Nam pellentesque justo ut tortor congue lobortis. Donec venenatis sagittis fringilla.</strong> Etiam nec libero magna, et dictum velit. Proin mauris mauris, mattis eu elementum eget, commodo in nulla. Mauris posuere venenatis pretium. Maecenas a dui sed lorem aliquam dictum. Nunc urna leo, imperdiet eu bibendum ac, pretium ac massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Quisque condimentum luctus ullamcorper.</p>
            <p class="spec"><a href="#" class="rm">Read more</a></p>
          </div>
          <div class="clr"></div>
        </div>
        <div class="article">
          <h2><span>We'll Make Sure Template</span> Works For You</h2>
          <p class="infopost">Posted <span class="date">on 29 aug 2016</span> by <a href="#">Admin</a> &nbsp;&nbsp;|&nbsp;&nbsp; Filed under <a href="#">templates</a>, <a href="#">internet</a> <a href="#" class="com">Comments <span>7</span></a></p>
          <div class="clr"></div>
          <div class="img"><img src="images/img2.jpg" width="200" height="210" alt="" class="fl" /></div>
          <div class="post_content">
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</a> Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam.</p>
            <p><strong>Aenean consequat porttitor adipiscing. Nam pellentesque justo ut tortor congue lobortis. Donec venenatis sagittis fringilla.</strong> Etiam nec libero magna, et dictum velit. Proin mauris mauris, mattis eu elementum eget, commodo in nulla. Mauris posuere venenatis pretium. Maecenas a dui sed lorem aliquam dictum. Nunc urna leo, imperdiet eu bibendum ac, pretium ac massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Quisque condimentum luctus ullamcorper.</p>
            <p class="spec"><a href="#" class="rm">Read more</a></p>
          </div>
          <div class="clr"></div>
        </div>
        <p class="pages"><small>Page 1 of 2</small> <span>1</span> <a href="#">2</a> <a href="#">&raquo;</a></p>
      </div>
      <div class="sidebar">
        <div class="gadget">
          <h2 class="star"><span>Sidebar</span> Menu</h2>
          <div class="clr"></div>
          <ul class="sb_menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">TemplateInfo</a></li>
            <li><a href="#">Style Demo</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Archives</a></li>
            <li><a href="#">Web Templates</a></li>
          </ul>
        </div>
        <div class="gadget">
          <h2 class="star"><span>Sponsors</span></h2>
          <div class="clr"></div>
          <ul class="ex_menu">
            <li><a href="http://www.dreamtemplate.com/">DreamTemplate</a><br />
              Over 6,000+ Premium Web Templates</li>
            <li><a href="http://www.templatesold.com/">TemplateSOLD</a><br />
              Premium WordPress &amp; Joomla Themes</li>
            <li><a href="http://www.imhosted.com/">ImHosted.com</a><br />
              Affordable Web Hosting Provider</li>
            <li><a href="http://www.megastockphotos.com/">MegaStockPhotos</a><br />
              Unlimited Amazing Stock Photos</li>
            <li><a href="http://www.evrsoft.com/">Evrsoft</a><br />
              Website Builder Software &amp; Tools</li>
            <li><a href="http://www.csshub.com/">CSS Hub</a><br />
              Premium CSS Templates</li>
          </ul>
        </div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="fbg">
    <div class="fbg_resize">
      <div class="col c1">
        <h2><span>Image</span> Gallery</h2>
        <a href="#"><img src="images/gal1.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal2.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal4.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal5.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a> </div>
      <div class="col c2">
        <h2><span>Services</span> Overview</h2>
        <p>Curabitur sed urna id nunc pulvinar semper. Nunc sit amet tortor sit amet lacus sagittis posuere cursus vitae nunc.Etiam venenatis, turpis at eleifend porta, nisl nulla bibendum justo.</p>
        <ul class="fbg_ul">
          <li><a href="#">Lorem ipsum dolor labore et dolore.</a></li>
          <li><a href="#">Excepteur officia deserunt.</a></li>
          <li><a href="#">Integer tellus ipsum tempor sed.</a></li>
        </ul>
      </div>
      <div class="col c3">
        <h2><span>Contact</span> Us</h2>
        <p>Nullam quam lorem, tristique non vestibulum nec, consectetur in risus. Aliquam a quam vel leo gravida gravida eu porttitor dui.</p>
        <p class="contact_info"> <span>Address:</span> 1458 TemplateAccess, USA<br />
          <span>Telephone:</span> +123-1234-5678<br />
          <span>FAX:</span> +458-4578<br />
          <span>Others:</span> +301 - 0125 - 01258<br />
          <span>E-mail:</span> <a href="#">mail@yoursitename.com</a> </p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="footer">
    <div class="footer_resize">
      <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
      <p class="rf">Design by Dream <a href="http://www.dreamtemplate.com/">Web Templates</a></p>
      <div style="clear:both;"></div>
    </div>
  </div>
</div>
</body>
</html>
вот код.
названия разделов Главная, Новости и т.д но при запуске сата в браузере я вижу только английские буквы а русские нет
Помогите
1
97 / 36 / 6
Регистрация: 05.07.2011
Сообщений: 382
06.07.2011, 21:44
Вставил я этот код мне вообще показало ������� , после чего когда я переименовал, то всё стало на свои места. Всё дело в кодировке !!!

Добавлено через 1 минуту
И ещё 1 может быть что этот шрифт не поддерживает русский, попробуйте в css изменить шрифты.
1
 Аватар для 4atty
45 / 45 / 1
Регистрация: 09.06.2011
Сообщений: 117
06.07.2011, 21:44  [ТС]
А что именно поменять подскажите плз
а то я в этом новичок
1
8 / 8 / 3
Регистрация: 17.06.2011
Сообщений: 26
06.07.2011, 21:51
Откраиваете html файл блокнотом.
Откраиваете меню Файл > Сохранить Как.
В открывшемся меню выберите кодировку UTF-8 и сохраните.
Миниатюры
Кодировка сайта  
0
97 / 36 / 6
Регистрация: 05.07.2011
Сообщений: 382
06.07.2011, 21:53
Если можете скиньте код из файла style.css

Добавлено через 1 минуту
SNelson у него вначале html документа стоит кодировка utf-8 : charset=utf-8
1
 Аватар для 4atty
45 / 45 / 1
Регистрация: 09.06.2011
Сообщений: 117
06.07.2011, 21:53  [ТС]
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
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
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
/* Design by [url]http://www.dreamtemplate.com[/url] */
@charset "utf-8";
body {
    margin:0;
    padding:0;
    width:100%;
    color:#929292;
    font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
    background:#fff url(../images/main_bg.jpg) repeat-x left top;
}
html, .main {
    padding:0;
    margin:0;
}
.main {
    background:url(../images/header_bg.jpg) no-repeat center top;
}
.clr {
    clear:both;
    padding:0;
    margin:0;
    width:100%;
    font-size:0;
    line-height:0;
}
h2 {
    margin:8px 0;
    padding:8px 0;
    font-size:25px;
    font-weight:normal;
    color:#353c46;
}
p {
    margin:8px 0;
    padding:0 0 8px 0;
}
a {
    color:#0082ae;
    text-decoration:underline;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
    margin:0;
    padding:0;
}
.header {
}
.header_resize {
    margin:0 auto;
    padding:0 0 32px;
    width:960px;
}
.logo {
    margin:0;
    padding:0;
    float:left;
    width:auto;
    height:220px;
}
h1 {
    margin:0;
    padding:100px 0;
    font-size:40px;
    font-weight:normal;
    line-height:1.2em;
    text-transform:uppercase;
    text-align:left;
}
h1 a, h1 a:hover {
    color:#fff;
    text-decoration:none;
}
h1 span {
}
h1 small {
    display:block;
    margin:0;
    font-size:14px;
    line-height:1.2em;
    letter-spacing:normal;
    text-transform:uppercase;
    color:#fff;
}
.slider {
    padding:0;
}
.rss {
    padding:18px 20px 0 0;
    float:right;
    width:auto;
}
.rss p {
    margin:0;
    padding:0;
    float:right;
    width:auto;
    color:#fff;
    font-size:13px;
    line-height:1.5em;
    font-weight:bold;
}
.rss a {
    color:#fff;
    text-decoration:none;
}
.rss a:hover {
    text-decoration:underline;
}
.rss img {
    margin:-3px 0 -3px 6px;
    border:none;
}
.menu_nav {
    margin:0 auto;
    padding:105px 0 0;
    height:60px;
    float:right;
}
.menu_nav ul {
    list-style:none;
    padding:0;
    height:60px;
    float:left;
}
.menu_nav ul li {
    margin:0;
    padding:0;
    float:left;
    background:url(../images/menu_split.png) no-repeat left center;
}
.menu_nav ul li a {
    display:block;
    margin:0;
    padding:24px 48px 0 16px;
    height:36px;
    font-size:15px;
    line-height:20px;
    font-weight:normal;
    color:#575757;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
    text-decoration:none;
    color:#0082ae;
}
.content {
    padding:0;
}
.content_resize {
    margin:0 auto;
    padding:18px 0;
    width:960px;
}
.content .mainbar {
    margin:0;
    padding:0 0 0 20px;
    float:left;
    width:640px;
}
.content .mainbar h2 {
    margin-bottom:0;
    padding-bottom:0;
    font-size:30px;
    line-height:1.2em;
    color:#595f61;
}
.content .mainbar div.img {
    padding:12px 0 0;
    float:left;
}
.content .mainbar img {
}
.content .mainbar img.fl {
    margin:0;
    padding:0;
    background:#fff;
    border:none;
}
.content .mainbar .article {
    margin:0 0 32px;
    padding:0;
    background:url(../images/dot.gif) repeat-x left bottom;
}
.content .mainbar .post_content {
    float:right;
    width:420px;
}
.content .mainbar .post_content strong {
    color:#3f3f3f;
}
.content .sidebar {
    padding:0 20px;
    float:right;
    width:220px;
}
.content .sidebar .gadget {
    margin:0 0 12px;
    padding:8px 0 24px;
    background:url(../images/dot.gif) repeat-x left bottom;
}
.content .sidebar h2 {
    color:#0082ae;
    text-transform:none;
}
ul.sb_menu, ul.ex_menu {
    margin:0;
    padding:0;
    list-style:none;
    color:#929292;
}
ul.sb_menu li, ul.ex_menu li {
    margin:0;
}
ul.sb_menu li {
    padding:8px 0;
    width:220px;
}
ul.ex_menu li {
    padding:4px 0;
}
ul.sb_menu li a {
    color:#929292;
    text-decoration:none;
    margin-left:-16px;
    padding:4px 8px 4px 16px;
}
ul.ex_menu li a {
    font-weight:bold;
    color:#3f3f3f;
    text-decoration:none;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
    color:#0082ae;
    font-weight:bold;
    text-decoration:underline;
}
p.spec {
    padding:0 0 16px;
}
p.infopost {
    margin-bottom:0;
    padding:8px 0;
    color:#929292;
}
p.infopost a {
    padding:0 2px;
    color:#114044;
    text-decoration:underline;
}
.content .mainbar a.com {
    margin:0;
    padding:0;
    float:right;
    font-weight:normal;
    text-decoration:none;
    color:#929292;
}
.content .mainbar a.com:hover {
    text-decoration:none;
}
.content .mainbar a.com span {
    padding-left:4px;
    font-weight:bold;
    color:#0082ae;
}
.content .mainbar a.rm {
    float:right;
    margin:0 0 16px;
    padding:0;
    font-weight:bold;
    text-transform:none;
    color:#0082ae;
    text-decoration:underline;
    text-align:center;
    background:none;
}
.content p.pages {
    margin:0;
    padding:24px 0;
    font-size:11px;
    color:#929292;
    text-align:left;
}
.content p.pages span, .content p.pages a {
    padding:8px 12px;
    text-decoration:none;
    background:#fff;
    border:1px solid #cbcbcb;
}
.content p.pages span, .content p.pages a:hover {
    color:#fff;
    background:#0082ae;
    border:1px solid #0082ae;
}
.content p.pages a {
    color:#929292;
}
.content p.pages small {
    font-size:12px;
    float:right;
}
.content .mainbar .comment {
    margin:0;
    padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
    border:1px solid #dedede;
    margin:10px 16px 0 0;
    padding:0;
    float:left;
}
.fbg {
}
.fbg_resize {
    margin:0 auto;
    width:920px;
    padding:16px 20px;
    color:#6e6e6e;
    background:#eaeaea;
}
.fbg h2 {
    color:#3f3f3f;
    padding-bottom:24px;
}
.fbg img.gal {
    margin:0 8px 8px 0;
    padding:0;
    border:none;
}
.fbg .col {
    margin:0;
    float:left;
}
.fbg .c1 {
    padding:0 16px 0 0;
    width:280px;
}
.fbg .c2 {
    padding:0 36px 0 16px;
    width:280px;
}
.fbg .c3 {
    padding:0 0 0 16px;
    width:274px;
}
.fbg .fbg_ul {
    margin:0;
    padding:0;
    list-style:none;
}
.fbg .fbg_ul li {
    margin:0;
    padding:0;
    list-style:none;
}
.fbg .fbg_ul li a {
    display:block;
    margin:0;
    padding:2px 0 2px 12px;
    color:#6e6e6e;
    text-decoration:none;
    background:url(../images/li.gif) no-repeat left center;
}
.fbg .fbg_ul li a:hover {
    color:#0082ae;
    text-decoration:underline;
}
.fbg p.contact_info {
    line-height:1.8em;
}
.fbg p.contact_info a {
    color:#0082ae;
    text-decoration:underline;
}
.fbg p.contact_info span {
    display:block;
    float:left;
    width:74px;
    font-weight:bold;
    color:#3f3f3f;
}
ol {
    list-style:none;
}
ol li {
    display:block;
    clear:both;
}
ol li label {
    display:block;
    margin:0;
    padding:16px 0 0 0;
}
ol li input.text {
    width:480px;
    border:1px solid #c0c0c0;
    margin:0;
    padding:5px 2px;
    height:16px;
    background-color:#fff;
}
ol li textarea {
    width:480px;
    border:1px solid #c0c0c0;
    margin:0;
    padding:2px;
    background-color:#fff;
}
ol li .send {
    margin:16px 0 0 0;
}
.searchform {
    margin:0 0 12px;
    padding:0;
    float:right;
}
#formsearch {
    margin:0;
    padding:23px 0 0;
    width:auto;
    height:30px;
}
#formsearch span {
    display:block;
    margin:0;
    padding:0;
    float:left;
    background:no-repeat left top;
}
#formsearch input.editbox_search {
    margin:0;
    padding:8px 6px;
    float:left;
    width:174px;
    font-size:12px;
    line-height:14px;
    color:#aeaeae;
    background:none;
    outline:none;
    border:none;
}
#formsearch input.button_search {
    margin:0;
    padding:0;
    border:none;
    float:left;
}
.footer {
}
.footer_resize {
    margin:0 auto;
    padding:0 20px;
    width:920px;
    background:#f6f6f6;
    line-height:1.5em;
    color:#6e6e6e;
}
.footer_resize p {
    margin:24px 0;
    padding:0;
    line-height:normal;
    white-space:nowrap;
    text-indent:inherit;
}
.footer_resize a {
    color:#3f3f3f;
    font-weight:normal;
    margin:0;
    padding:0;
    border:none;
    text-decoration:underline;
    background-color:transparent;
}
.footer_resize a:hover {
    color:#3f3f3f;
    background-color:transparent;
    text-decoration:none;
}
.footer_resize .lf {
    float:left;
}
.footer_resize .rf {
    float:right;
}
a {
    outline:none;
}
1
97 / 36 / 6
Регистрация: 05.07.2011
Сообщений: 382
06.07.2011, 21:57
Ну впринципе я ставлю этот html код и у меня всё нормально показывает ! Попробуйте заного вставить его в блокнот и внизу выбрать кодировку utf-8
1
 Аватар для 4atty
45 / 45 / 1
Регистрация: 09.06.2011
Сообщений: 117
06.07.2011, 21:58  [ТС]
Спасибо за помощь огромное)
1
8 / 8 / 3
Регистрация: 17.06.2011
Сообщений: 26
06.07.2011, 22:00
А я про что писал выше??
0
103 / 70 / 5
Регистрация: 09.06.2011
Сообщений: 263
07.07.2011, 00:47
попробуй убрать мета-тег с кодировкой в html файле и строку с кодировкой в стилях
Цитата Сообщение от 4atty Посмотреть сообщение
font:normal 12px/1.5em "Liberation sans"
что это такое? оно поддерживает руские буквы?
1
Обитатель
 Аватар для vasvas7775
539 / 317 / 42
Регистрация: 24.12.2010
Сообщений: 795
07.07.2011, 07:19
SNelson совершенно прав, если сохранить твою страницу в UTF-8, в той самой кодировке, которую ты указываешь в метатеге, то все работает нормально, на странице и русский, и английский текст читабельны.
0
97 / 36 / 6
Регистрация: 05.07.2011
Сообщений: 382
07.07.2011, 09:54
DuxGeneral font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif; - это срока с шрифтом
главный шрифт идёт "Liberation sans" , но если у кого то нет такого шрифта, то идут дополнительные шрифты - Arial, Helvetica, sans-serif .
0
 Аватар для 4atty
45 / 45 / 1
Регистрация: 09.06.2011
Сообщений: 117
07.07.2011, 12:49  [ТС]
попробывал убрать этот мэта тэг но не помогло.
1
97 / 36 / 6
Регистрация: 05.07.2011
Сообщений: 382
07.07.2011, 13:33
Дак что до сих пор не показывает русские буквы ?
0
 Аватар для 4atty
45 / 45 / 1
Регистрация: 09.06.2011
Сообщений: 117
07.07.2011, 14:28  [ТС]
нет(((
1
Обитатель
 Аватар для vasvas7775
539 / 317 / 42
Регистрация: 24.12.2010
Сообщений: 795
07.07.2011, 14:29
1. Слушай, возьми код который ты нам выложил, вместе с метатегом.

2. Создай чистый блокнот, вставь туда свой код, сохрани все это сохранить как, там название, формат, а ниже кодировка.

3. Выбери кодировку UTF-8, и сохрани.

У меня таким образом твоя страница пошла, русские буквы видно, БУКВАМИ....
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
07.07.2011, 14:29
Помогаю со студенческими работами здесь

Кодировка сайта
Проблема в том что ,титлы сайта в символах ,а сам сайт норм ,меняю на другую кодировку ,титлы стоют на нормальном языке,сайт в символах . ...

Сломана кодировка сайта
Доброе утро! Появилась проблема с кодировкой сайта. Периодически ломается кодировка. Например, вчера с утра захожу на сайт кодировка...

Загрузка сайта на народ.ру, кодировка
В хэлпе на народ.ру написано Файлы, размещаемые на Народе, должны быть в кодировке Windows-1251. Кроме того, не надо использовать...

Кодировка сайта. Как выставить верно?
Добрый день! Есть сайт. Страниц хватает, потому меню размещено в отдельном файле .htm. Вставляется на страницу оно через $(function() {...

Как будет отображатся кодировка сайта windows 1251 на других ОС?
Сабж.


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

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Новые блоги и статьи
Первый деплой
lagorue 16.01.2026
Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru