Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   Помогите разобраться с кодировкой на странице (http://forum.oszone.net/showthread.php?t=226954)

streamrider 03-02-2012 12:23 1850767
Помогите разобраться с кодировкой на странице
 
Добрый день !!! На днях начал делать интернет страничку. Начал именно с горизонтального меню так вот вопрос в том что если писать пункты меню на английском тогда отображается корректно а если на русском то знаки "??????". Вот мой код

<!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>
<meta http-equiv="Content-Type" content="text/html; charset= Cyrillic windows-1251" />
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}

h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}

/*- Menu Tabs F--------------------------- */

#tabsF {
float:left;
width:100%;
background:#efefef;
font-size:93%;
line-height:normal;
border-bottom:1px solid #666;
}
#tabsF ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsF li {
display:inline;
margin:0;
padding:0;
}
#tabsF a {
float:left;
background:url("tableftF.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsF a span {
float:left;
display:block;
background:url("tabrightF.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {
color:#FFF;
}
#tabsF a:hover {
background-position:0% -42px;
}
#tabsF a:hover span {
background-position:100% -42px;
}

#tabsF #current a {
background-position:0% -42px;
}
#tabsF #current a span {
background-position:100% -42px;
}
-->
</style>
</head>

<body>
<h2>Меню</h2>
<div id="tabsF">
<ul>
<!-- CSS Tabs -->
<li><a href="index0.html"><span>Главная</span></a></li>
<li><a href="index1.html"><span>FTP Client</span></a></li>
<li><a href="index2.html"><span>FTP Source</span></a></li>

</ul>
</div>
</body>
</html>



PS <meta http-equiv="Content-Type" content="text/html; charset= ISO-8859-1" /> ошибка где то здесь я так думаю. Меню CSS делал при помощи CSS Tab Designer 2

RostVY 03-02-2012 13:37 1850852
попробуйте убрать Cyrillic:

Код:
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
если не поможет, прикрепите ваш HTML-файл. Тогда можно будет понять в какой кодировке он набран.

streamrider 03-02-2012 13:40 1850855
Получилось нужно было написать : win-1251" теперь работает все !!! Всем спасибо !

RostVY, маленький вопрос что бы не создавать тему : Как сделать отступ между текстом и картинкой ? У меня оно отображается подряд друг за другом.

RostVY 03-02-2012 14:24 1850888
по-разному можно. смотря где текст и где картинка.
если текст перед или после картинки, можна просто повставлять <br/> где надо

или добавить картинке отступы (margin, padding).
типа
<img src="катринко.gif" style="padding:5px; margin: 4px"/>

streamrider 03-02-2012 14:25 1850889
картинка сверху на все страницу а ниже текст

RostVY 03-02-2012 14:41 1850900
тогда можно и <img.../><br/><br/><br/> и вариант с margin/padding, margin-bottom/padding-bottom


Время: 18:34.

Время: 18:34.
© OSzone.net 2001-