| |
 8 Кб |
|
| | Ребята, скрипт прикрепил !
Не могу понять, почему в ie не отображется скрипт !!
Вот html и css :
<!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>
<link rel="SHORTCUT ICON" href="favicon.ico" type="image/x-icon" />
<meta name="description" content="Coin Slider: jQuery Image Slider Plugin with Unique Effects" />
<meta name="keywords" content="jquery plugin,image slider,slideshow, slider" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="styles.css" type="text/css" />
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7_css.css" />
<![endif]-->
</head>
<body>
<div id="page">
<!-- <div class="top_menu_f">
<div class="top_menu_1">
<a href="#">SALE FASION</a>
</div>
<div class="top_menu_1">
<a href="#">НОВОСТИ / АКЦИИ</a>
</div>
<div class="top_menu_1">
<a href="#">SALE БИЗНЕС</a>
</div>
<div class="top_menu_1">
<a href="#">МАГАЗИНЫ</a>
</div>
</div> -->
<ul class="cmenublock_links">
<li><a href="#">SALE FASION</a></li>
<li><a href="#">НОВОСТИ / АКЦИИ</a></li>
<li><a href="#">SALE БИЗНЕС</a></li>
<li><a href="#">МАГАЗИНЫ</a></li>
</ul>
<div id="gamesHolder">
<div id="games">
<a href="#/" >
<img src="1.png" alt="" border="0" />
</a>
<a href="#/" >
<img src="2.png" alt="" border="0"/>
</a>
<a href="#/" >
<img src="3.png" alt="" border="0"/>
</a>
<a href="#/" >
<img src="1.png" alt="" border="0"/>
</a>
</div>
</div>
<div class="footer_block">
<div class="foter_block_1">
<a href="#">
<span class="block_title">женская</span>
<span class="block_content">коллекция</span>
</a>
</div>
<div class="foter_block_2">
<a href="#">
<span class="block_title">мужская</span>
<span class="block_content">коллекция</span>
</a>
</div>
<div class="foter_block_3">
<a href="#">
<span class="block_title">молодежная</span>
<span class="block_content">коллекция</span>
</a>
</div>
<div class="foter_block_4">
<a href="#">
<span class="block_title">детская</span>
<span class="block_content">коллекция</span>
</a>
</div>
</div>
<script>$(document).ready(function() {
$('#games').coinslider({ hoverPause: false });
});
</script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-11860629-1");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>
|
/*
Coin Slider jQuery plugin CSS styles
http://workshop.rs/projects/coin-slider
*/
.coin-slider { overflow: hidden; zoom: 1; position: relative; height: 460px;}
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; margin: -40px 0 0 0; }
.cs-buttons a {
margin:0px 0 0 5px;
height: 10px;
width: 10px;
float: left;
border: 1px solid #B8C4CF;
color: #B8C4CF;
text-indent: -1000px;
width:16px;
height:17px;
width:12px;
height:13px;
color: #FFFFFF
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.cs-active {
background: #ffffff;
width:16px;
height:17px;
color: #FFFFFF;
}
.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev {background:url('arrow_left.jpg') no-repeat; width:58px; height: 74px;}
.cs-next, .cs-prev { background-color: #000000; color: #FFFFFF;}
.cs-next {margin:0 0px 0 0;background:url('arrow_right.jpg') no-repeat; width:58px; height: 74px;}
|
body { font-family: Verdana; font-size: 12px; background-color: #959A8F; color: #63665F }
#page { width: 500px; margin: 30px auto; }
.footer_block {
}
.foter_block_1 {
background-color:#4FB94A;
}
.foter_block_2 {
background-color:#3F3E29;
}
.foter_block_3 {
background-color:#AEAFB3;
}
.foter_block_4 {
background-color:#ED509D;
}
.foter_block_1, .foter_block_2, .foter_block_3, .foter_block_4 {
height: 50px;
padding: 10px 0 0 10px;
width: 115px;
float:left;
margin-right:0px;
}
.foter_block_1 a , .foter_block_2 a , .foter_block_3 a , .foter_block_4 a {
color: #fff;
text-decoration:none;
}
.foter_block_1 a:hover , .foter_block_2 a:hover , .foter_block_3 a:hover , .foter_block_4 a:hover {
text-decoration:underline;
}
.block_title {
font-size:19px;
font-weight:100;
font-family:"Arial";
}
.block_content {
font-size:16px;
font-weight:100;
font-family:"Arial";
}
/* Верхнее меню */
.top_menu_f {
}
.top_menu_1 {
}
.top_menu_1 a {
color:#fff;
text-decoration:none;
font-size:15px;
font-weight:100;
font-family:"Arial";
}
.top_menu_1 a:hover {
text-decoration:underline;
}
ul.cmenublock_links {
float:right;
list-style:none;
width:100%;
height:35px;
}
ul.cmenublock_links li {
float:left;
margin-top:7px;
}
ul.cmenublock_links li a {
display:block;
color:#fff;
height:14px;
margin: 5px 0 0 15px;
float:left;
text-transform:none;
font-family:"Arial";
font-size:15px;
text-decoration:none;
text-align:center;
}
ul.cmenublock_links li.active a {
background:#555555;
}
ul.cmenublock_links li a:hover {
text-decoration: underline;
}
|
| |
| |
|
