Проблема с кодировкой
Добавлено: Вт авг 17, 2010 18:41
Давно искал скрипт, и наконец нашол, и все нормально только Русский язык ему не знаком, понял что проблемма в кодировки. Смотрю кодировку и вижу "uft-8" переделываю на "koi8-r" потом на "windows-1251" за тем на "iso 8859-5" и вижу абру мать её кодабру... Думаю ладно, перекодираю в редакторе. Перекодировал и хер там, все таже херня! Народ как заставить его понимать Русский язык?
Код скрипта
Код стиля
Код скрипта
- Код: Выделить всё
<!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>sSlider v1.0[skreets.ru]</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){
$("#slider").easySlider({
controlsBefore: '<p id="controls">',
controlsAfter: '</p>',
auto: true,
continuous: true
});
});
// ]]>
</script>
<style type="text/css">
.gallery { width:823px; height:250px; margin:0 auto; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
#slider li { width:823px; height:250px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:29px; height:29px; position:absolute; left:-41px; top:-140px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:29px; height:29px; position:absolute; left: 836px; top:-140px; }
#prevBtn a { display:block; width:29px; height:29px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:29px; height:29px; background:url(images/r_arrow.gif) no-repeat 0 0; }
</style>
</head>
<body>
<div class="main">
<div class="header_text">
<div class="gallery">
<div id="slider">
<ul>
<li>
<div class="div"><img src="images/simple_img_1.gif" alt="screen 1" width="451" height="225" border="0" class="screen" />
<div class="left1">
<h2>Текст</h2>
<p>We build websites based on the latest web <br />
standards providing the best possible solution <br />
to your company!</p>
<a href="#"><img src="images/more_information.gif" alt="picture" width="133" height="33" border="0" class="more" /></a></div>
</div>
</li>
<li>
<div class="div"><img src="images/simple_img_2.gif" alt="screen 1" width="451" height="225" border="0" class="screen" />
<div class="left1">
<h2>Creative Design Agency</h2>
<p>We build websites based on the latest web <br />
standards providing the best possible solution <br />
to your company!</p>
<a href="#"><img src="images/more_information.gif" alt="picture" width="133" height="33" border="0" class="more"/></a> </div>
</div>
</li>
<li>
<div class="div"><img src="images/simple_img_3.gif" alt="screen 1" width="451" height="225" border="0" class="screen" />
<div class="left1">
<h2>Creative Design Agency</h2>
<p>We build websites based on the latest web <br />
standards providing the best possible solution <br />
to your company!</p>
<a href="#"><img src="images/more_information.gif" alt="picture" width="133" height="33" border="0" class="more" /></a> </div>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
Код стиля
- Код: Выделить всё
@charset "utf-8";
body { margin:0; padding:0; width:0; background:#1f1f1e url(images/main_bg.jpg) top center repeat-x;} /* варавнивание всей галлереи width:100% - середина */
html { padding:0; margin:0;}
/* sMain */
.main { padding:0; margin:0 auto; width:925px; repeat} /* положение галлиреи */
/* sHead */
.header { padding:0; margin:0;}
/* sTextContent */
.header_text { width:823px; height:250px; margin:0 auto; padding:0; background:url(images/simple_bg.gif) top center no-repeat;}
.header_text .div { float:right; width:823px; padding:0px 0; margin:0;}
.header_text img.screen { float:right; margin:10px 0 0 0;} /* выравнивание и высота */
.header_text .div .left1 { float:left; width:365px; padding:0; margin:0;} /* выравнивание текста */
.header_text .div .left1 img.more { float:left; padding:15px 0}
.header_text .div .left1 h2 { font:normal 30px Tahoma, "Times New Roman", Times, serif; color:#fff; padding:0; margin:0;}
.header_text p { font: normal 18px Tahoma, "Times New Roman", Times, serif; color:#dbdbdb; padding:30px 0 0 0; margin:0;}