itspider
Newbie-
Posts
23 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by itspider
-
Прошу помощи, т.к. далек от js. Есть html код <div class="box"> <div class="box-heading">Состав коллекции</div> <div class="box-content"> <div class="box-product related"> <ul class="portfolio-categ filter"> <li>Категории:</li> <li class="all active"><a href="#">Все</a></li> <li class="cat-item-1"><a href="#" title="Category 1">Категория 1</a></li> <li class="cat-item-2"><a href="#" title="Category 2">Категория 2</a></li> <li class="cat-item-3"><a href="#" title="Category 3">Категория 3</a></li> <li class="cat-item-4"><a href="#" title="Category 4">Категория 4</a></li> </ul> <ul class="portfolio-area"> <li class="portfolio-item2" data-id="id-1" data-type="cat-item-2"> <div> <div class="image"><a href="#"><img src="image/product/burgund-250.jpg" alt="" title="Название" /></a></div> <div class="name"><a href="#">Название</a></div> <div class="price">a120.68</div> <div class="abs"> <div class="cart"> <a class="button1" title="В корзину"><span>В корзину</span></a> <a class="btn-detail ml10" title="Подробно" href="#"><span>Подробно</span></a></div> </div> </div> </li> <li class="portfolio-item2" data-id="id-2" data-type="cat-item-1"> <div> <div class="image"><a href="#"><img src="image/plitka/1.jpg" alt="" title="Название" /></a></div> <div class="name"><a href="#">Название</a></div> <div class="price">a120.68</div> <div class="abs"> <div class="cart"> <a class="button1" title="В корзину"><span>В корзину</span></a> <a class="btn-detail ml10" title="Подробно" href="#"><span>Подробно</span></a></div> </div> </div> </li> <li class="portfolio-item2" data-id="id-3" data-type="cat-item-3"> <div> <div class="image"><a href="#"><img src="image/product/burgund-250.jpg" alt="" title="Название" /></a></div> <div class="name"><a href="#">Название</a></div> <div class="price">a120.68</div> <div class="abs"> <div class="cart"> <a class="button1" title="В корзину"><span>В корзину</span></a> <a class="btn-detail ml10" title="Подробно" href="#"><span>Подробно</span></a></div> </div> </div> </li> <li class="portfolio-item2" data-id="id-4" data-type="cat-item-1"> <div> <div class="image"><a href="#"><img src="image/plitka/4.jpg" alt="" title="Название" /></a></div> <div class="name"><a href="#">Название</a></div> <div class="price">a120.68</div> <div class="abs"> <div class="cart"> <a class="button1" title="В корзину"><span>В корзину</span></a> <a class="btn-detail ml10" title="Подробно" href="#"><span>Подробно</span></a></div> </div> </div> </li> <li class="portfolio-item2" data-id="id-5" data-type="cat-item-4"> <div> <div class="image"><a href="#"><img src="image/product/burgund-250.jpg" alt="" title="Название" /></a></div> <div class="name"><a href="#">Название</a></div> <div class="price">a120.68</div> <div class="abs"> <div class="cart"> <a class="button1" title="В корзину"><span>В корзину</span></a> <a class="btn-detail ml10" title="Подробно" href="#"><span>Подробно</span></a></div> </div> </div> </li> </ul> </div> </div> </div> и js, через библиотеку Quicksand jQuery(document).ready(function($) { if(jQuery().quicksand) {[/b] [b] // Выбираем все дочерние элементы portfolio-area и записываем в переменную var $data = $(".portfolio-area").clone();[/b] [b] $('.portfolio-categ li').click(function(e) { $(".filter li").removeClass("active");[/b] [b] var filterClass = $(this).attr('class').split(' ').slice(-1)[0];[/b] [b] if(filterClass == 'all') { var $filteredData = $data.find('.portfolio-item2'); } else { var $filteredData = $data.find('.portfolio-item2[data-type=' + filterClass + ']'); } $(".portfolio-area").quicksand($filteredData, { duration: 600, adjustHeight: 'auto' }, function() {[/b] [b] lightboxPhoto(); }); $(this).addClass("active"); return false; });[/b] [b] } //if quicksand[/b] [b]}); не могу их подружить
-
нужна помощь с печатной формой через onclick="window.print();"
itspider replied to itspider's question in JavaScript
CSS это хорошо.... вот только что же делать если много разноформатных страниц? для каждой не на пишешься.... на мой взгляд без javascript не обойтись. жалко что я его не знаю -
нужна помощь с печатной формой через onclick="window.print();"
itspider posted a question in JavaScript
Я далек от java. есть задача распечатать часть текста со страницы. 1. если вставить <a href="javascript://" onclick="window.print();">Печать</a> то печатается вся страница. вопрос: можно ли нужный фрагмент заключить в <div id="print">...</div> и передать id в java ? 2. нашел скрипт <script type="text/javascript" language="javascript"><!-- function atoprint(aId) { var atext = document.getElementById(aId).innerHTML; var captext = window.document.title; var alink = window.document.location; var prwin = open(''); prwin.document.open(); prwin.document.writeln('<html><head><title>Версия для печати<\/title><\/head><body text="#000000" bgcolor="#FFFFFF"><div onselectstart="return false;" oncopy="return false;">'); prwin.document.writeln('<div style="margin-bottom:5px;"><a href="javascript://" onclick="window.print();">Печать<\/a> • <a href="javascript://" onclick="window.close();">Закрыть окно<\/a><\/div><hr>'); prwin.document.writeln(atext); prwin.document.writeln('<\/div><\/body><\/html>'); prwin.document.close(); } --></script> нужную часть обрамляю в <div id="MessForPrint"> и добавляю <a href="javascript://" onclick="atoprint('MessForPrint');">Версия для печати</a> не совсем понимаю данный код, поэтому вопросы: - можно ли как то сразу выводить в печатную форму, а не в предпросмотр - как убрать сверху кнопки - в таблицах не выводятся рамки -
нужна помощь со скриптом формы обратной связи
itspider replied to itspider's question in HTML Coding
все спасибо. разобрался. заработало -
почитай тут http://www.onwordpress.ru/font-face-on-wordpress.html мне помогла эта статья для внедрения шрифта на сайт
-
нужна помощь со скриптом формы обратной связи
itspider replied to itspider's question in HTML Coding
как понять то? я на кнопку отправить нажимаю - письма на почте нет -
Помогите сделать адаптированный шрифт! Очень нужно!
itspider replied to Michael Myers's question in HTML Coding
http://www.onwordpress.ru/font-face-on-wordpress.html здесь интересная статья -
На сайте есть форма обратной связи <form id="contact-form" action="post.php" method="post" enctype="multipart/form-data"> <fieldset> <label><span class="text-form">Имя:</span><input name="name" type="text" /></label> <label><span class="text-form">Email:</span><input name="email" type="text" /></label> <label><span class="text-form">Телефон:</span><input name="tel" type="text" /></label> <div class="wrapper"><div class="text-form">Сообщение:</div><textarea></textarea></div> <div class="buttons"> <a class="button" href="#" onclick="document.getElementById('contact-form').reset()">Очистить</a> <a class="button" href="#" onclick="document.getElementById('contact-form').submit()">Отправить</a> </div> </fieldset> </form> И скрипт отправки почты <?php $name = $_POST['name']; if (empty($name)) { echo "<script> alert('Не указано имя!'); document.location.href='http://страница сайта с формой ОС'; </script>"; exit; } else { $name = "не указано"; } $email = $_POST['email']; if (empty($email)) { echo "<script> alert('Не указан E-Mail!'); document.location.href='http://страница сайта с формой ОС'; </script>"; exit; } else { $email = "не указано"; } $tel = $_POST['tel']; if (empty($tel)) { echo "<script> alert('Не указан номер телефона'); document.location.href='http://страница сайта с формой ОС'; </script>"; exit; } else { $tel = "не указано"; } $sub = $_POST['sub']; $mess = $_POST['mess']; if (empty($mess)) { echo "<script> alert('Не указано сообщение!'); document.location.href='http://страница сайта с формой ОС'; </script>"; exit; } else { $mess = "не указано"; } $address = "здесь моя почта"; $sub = "с сайта "; $mes = "Имя: $name \nE-mail: $email \nТелефон: $tel \nТема: $sub \nСообщение: $mess"; $verify = mail ($address,$sub,$mes,"Content-type:text/plain; charset = utf-8\r\nFrom:$email"); if ($verify == 'true') { echo "Сообщение отправлено"; } else { echo "Сообщение не отправлено"; } header('location: http://страница сайт...мой ОС');// ?> Не могу разобраться почему не уходят письма с сайта. Если есть мысли прошу поделится. Сам я в программировании не очень разбираюсь. 0 Ответить Цитата Изменить
-
спасибо за помощь
-
Помогите разобраться с проблемой. Выпадающее меню дергается и по несколько раз открывается и закрывается. Код http://jsfiddle.net/7pabv/
-
выложил http://jsfiddle.net/7pabv/
-
конечно же нет ))) опирался на то что уже есть на сайте
-
Предлагаем качественное и эффективное продвижение сайтов в ТОП. Адекватная цена. Расценки Примеры продвижения по запросу. Контактная информация
-
потому что заголовку h1 ПС уделяют большое значение. в него лучше прописать Роман Зоркий .... весьма полезно будет для продвижения
-
для тестирования под разные версии IE рекомендую IETester если будете продвигать сайт h1 слишком высоко стоит
-
Сколько может стоит такой интернет магазин?
itspider replied to regga5's topic in Discussion of works
а сайт то заблокировали -
зря h1 сделал лого и не хватает метатегов description и keywords
-
Помогите разобраться, никак не вьеду. При переходе с одного пункта меню на другой залипает выпадающее меню и дергается туда сюда. html <div id="fdw"> <!--nav--> <nav> <ul> <li><a href="">Клуб</a> <ul style="display: none;" class="sub_menu"> <li class="arrow_top"></li> <li><a href="">О нас</a></li> <li><a href="">Инфроструктура</a></li> <li><a href="">Партнеры</a></li> <li><a href="">Спонсоры</a></li> </ul> </li> <li> <a href="">услуги</a> <ul style="display: none;" class="sub_menu"> <li class="arrow_top"></li> <li><a href="">постой лошадей</a></li> <li><a href="">аренда лошадей</a></li> <li><a href="">продажа лошадей</a></li> <li><a href="">конореревозки</a></li> <li><a href="">фотосессия с лошадьми</a></li> <li><a href="">ландшафтные работы</a></li> </ul> </li> <li> <a href="">конный спорт</a> <ul style="display: none;" class="sub_menu"> <li class="arrow_top"></li> <li><a href="">Выездка</a></li> <li><a href="">Конкур</a></li> <li><a href="">Соревнования</a></li> <li><a href="">Результаты соревнований</a></li> </ul> </li> <li> <a href="">сдюшор</a> <ul style="display: none;" class="sub_menu"> <li class="arrow_top"></li> <li><a href="">Обучение</a></li> <li><a href="">Соревнования</a></li> <li><a href="">Тренеры</a></li> <li><a href="">Запись</a></li> </ul> </li> <li> <a href="">обучение</a> <ul style="display: none;" class="sub_menu"> <li class="arrow_top"></li> <li><a href="">верховая езда</a></li> <li><a href="">индивидуальные занятия</a></li> <li><a href="">групповые занятия</a> </li><li><a href="">запись</a></li> </ul> </li> <li> <a href="">пони-клуб</a> <ul style="display: none;" class="sub_menu"> <li class="arrow_top"></li> <li><a href="">обучение</a></li> <li><a href="">мероприятия</a></li> <li><a href="">катание</a> </li><li><a href="">запись</a></li> </ul> </li> <li><a href="">иппотерапия</a></li> <li><a href="">отдых</a> <ul style="display: none;" class="sub_menu"> <li class="arrow_top"></li> <li><a href="">каток и ледяная горка</a></li> <li><a href="">детские праздники</a></li> <li><a href="">корпоративный отдых</a></li> <li><a href="">аренда чайного домика</a></li> <li><a href="">рыбалка</a></li> <li><a href="">арбалетная поляна</a></li> </ul> </li> <li><a href="">галерея</a></li> <li><a href="">контакты</a></li> </ul> </nav> </div><!-- end fdw --> css #fdw nav select { display:none; /* this is just for the mobile display */ } #fdw nav ul { display:block; z-index:999999; text-align: center; } #fdw nav ul li { display:inline-block; padding:3px 10px 3px; /*margin-left:30px;*/ position:relative; } #fdw nav ul li a:link, #fdw nav ul li a:visited { color:#FFF; /*font:normal 20px 'Yanone Kaffeesatz', sans-serif;*/ text-transform:uppercase; display:inline-block; position:relative; font-size: 20px; } #fdw nav ul li a:hover, #fdw nav ul li a:active { color:#ef6f53; text-decoration:none; } /*#fdw nav ul li span { position:absolute; right:-12px; bottom:6px; width:7px; height:8px; margin:0 0 0 3px; float:right; display:block; background:url('../images/nav_arrow.png') no-repeat left -8px; font:0/0 a; }*/ /*#fdw nav ul li.current { border-bottom:2px solid #e25d29; } #fdw nav ul li.current a { color:#e25d29; cursor: default; } #fdw nav ul li.current a span { background:url('../images/nav_arrow.png') no-repeat left 0; } #fdw nav ul li.current ul li a { cursor:pointer; }*/ /*===== sub_menu Style =======*/ #fdw nav ul li ul.sub_menu { position:absolute; top:35px; left:0; margin:0; padding:0; background:#fff; border:1px solid #ececec; border-top:5px solid #e25d29; display:none; z-index:999999; -moz-box-shadow: 0px 6px 7px #121012; -webkit-box-shadow: 0px 6px 7px #121012; box-shadow: 0px 6px 7px #121012; } #fdw nav ul li ul.sub_menu li.arrow_top { position:absolute; top:-12px; left:12px; width:13px; height:8px; display:block; border:none; background:url('../images/arrow_top.png') no-repeat left top; } #fdw nav ul li ul.sub_menu li { float:none; margin:0; padding:0; border-bottom:1px solid #ececec; } #fdw nav ul li ul.sub_menu li a { white-space: nowrap; width: 200px; padding:12px; /*font:13px Arial, tahoma, sans-serif;*/ /*text-transform:capitalize;*/ color:#FFF; text-transform:uppercase; font-size: 13px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNGYyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzQxNGYyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk1Yjc1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzQxNGYyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTRmMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #414f2a 0%, #414f2a 20%, #95b75f 50%, #414f2a 80%, #414f2a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#414f2a), color-stop(20%,#414f2a), color-stop(50%,#95b75f), color-stop(80%,#414f2a), color-stop(100%,#414f2a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #414f2a 0%,#414f2a 20%,#95b75f 50%,#414f2a 80%,#414f2a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #414f2a 0%,#414f2a 20%,#95b75f 50%,#414f2a 80%,#414f2a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #414f2a 0%,#414f2a 20%,#95b75f 50%,#414f2a 80%,#414f2a 100%); /* IE10+ */ background: linear-gradient(to right, #414f2a 0%,#414f2a 20%,#95b75f 50%,#414f2a 80%,#414f2a 100%); /* W3C */ } #fdw nav ul li ul.sub_menu li a:hover { /*background:#f9f9f9;*/ color:#ef6f53; background: #414f2a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNGYyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk1Yjc1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTRmMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #414f2a 0%, #95b75f 50%, #414f2a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#414f2a), color-stop(50%,#95b75f), color-stop(100%,#414f2a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #414f2a 0%,#95b75f 50%,#414f2a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #414f2a 0%,#95b75f 50%,#414f2a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #414f2a 0%,#95b75f 50%,#414f2a 100%); /* IE10+ */ background: linear-gradient(to right, #414f2a 0%,#95b75f 50%,#414f2a 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414f2a', endColorstr='#414f2a',GradientType=1 );*/ /* IE6-8 */ } #fdw nav ul li ul.sub_menu li a.subCurrent { color:#e25d29; cursor:default; } #fdw nav ul li ul.sub_menu li a.subCurrent:hover { background:none; } /*===================== end Header style ======================*/ @media only screen and (min-width: 768px) and (max-width: 959px) { /* nav */ #fdw nav ul li{ margin-left:12px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /* nav menu ul & select */ #fdw nav ul { display:none; } #fdw nav select { width:100%; display:block; margin-bottom:30px; cursor:pointer; padding:6px; background:#f9f9f9; border:1px solid #e3e3e3; color:#777; } } js // building select nav for mobile width only $(function(){ // building select menu $('<select />').appendTo('nav'); /*// building an option for select menu $('<option />', { 'selected': 'selected', 'value' : '', 'text': 'Choise Page...' }).appendTo('nav select');*/ $('nav ul li a').each(function(){ var target = $(this); $('<option />', { 'value' : target.attr('href'), 'text': target.text() }).appendTo('nav select'); }); // on clicking on link $('nav select').on('change',function(){ window.location = $(this).find('option:selected').val(); }); }); //end // show and hide sub menu $(function(){ $('nav ul li').hover( function () { //show its submenu $('ul', this).slideDown(150); }, function () { //hide its submenu $('ul', this).slideUp(150); } ); }); //end
-
спасибо, заработало как вы и сказали
-
filter используется исключительно для градиента. в ie если не разрешать выполнение скриптов при загрузке страницы то выпадение меню работает (нет тока слайдера)
-
Помогите разобраться. В ie выпадающее меню отображается под слайдером. В остальных браузерах все работает. использовал z-index. html <header> <div class="main"> <div class="volna"> <img src="img/travavoln2.png" alt=""> <div class="clear"></div> </div> </div> <nav> <ul class="menu"> <li><a href="">Клуб</a> <ul> <li><a href="">О нас</a></li> <li><a href="">Инфроструктура</a></li> <li><a href="">Партнеры</a></li> <li><a href="">Спонсоры</a></li> </ul> </li> <li><a href="">Услуги</a> <ul> <li><a href="">Подпункт 1</a></li> <li><a href="">Подпункт 2</a></li> <li><a href="">Подпункт 3</a></li> </ul> </li> <li><a href="">Конный спорт</a> <ul> <li><a href="">Выездка</a></li> <li><a href="">Конкур</a></li> <li><a href="">Соревнования</a></li> <li><a href="">Результаты соревнований</a></li> </ul> </li> <li><a href="">СДЮШОР</a> <ul> <li><a href="">Обучение</a></li> <li><a href="">Соревнования</a></li> <li><a href="">Тренеры</a></li> <li><a href="">Запись</a></li> </ul> </li> <li><a href="">Обучение</a> <ul> <li><a href="">Верховая езда</a></li> <li><a href="">Индивидуальные занятия</a></li> <li><a href="">Групповые занятия</a></li> <li><a href="">Запись</a></li> </ul> </li> <li><a href="">Пони-клуб</a> <ul> <li><a href="">Обучение</a></li> <li><a href="">Мероприятия</a></li> <li><a href="">Катание</a></li> <li><a href="">Запись</a></li> </ul> </li> <li><a href="">Иппотерапия</a></li> <li><a href="">Отдых</a> <ul> <li><a href="">Подпункт 1</a></li> <li><a href="">Подпункт 2</a></li> <li><a href="">Подпункт 3</a></li> </ul> </li> <li><a href="">Галерея</a></li> <li><a href="">Контакты</a></li> </ul> <div class="clear"></div> </nav> </header> <div id="slide"> <div class="slider"> <ul class="items"> <li><img src="images/slider-1.jpg" alt="" /><div class="banner"><p class="extra-wrap"><strong>Занятия верховой ездой</strong><span>Занятия по предворительной записи, телефон: +7 499 638 41 80, +7 906 700 50 84 Анна</span></p><a href="#">Подробнее</a></div></li> <li><img src="images/slider-2.jpg" alt="" /><div class="banner"><p class="extra-wrap"><strong>Заголовок</strong><span>Описание</span></p><a href="#">Подробнее</a></div></li> <li><img src="images/slider-3.jpg" alt="" /><div class="banner"><p class="extra-wrap"><strong>Заголовок</strong><span>Описание</span></p><a href="#">Подробнее</a></div></li> </ul> </div> <a href="#" class="prev"></a><a href="#" class="next"></a> </div> CSS header { width:100%; margin:0 auto; z-index:101; /*background:url(../img/fonheader.png) 0 0 repeat-x;*/ background-color: #414f2a; padding:0; } .main { width:1264px; margin:0 auto; background-color: #414f2a; height: 81px; } .volna { z-index: 3; position: relative; } nav { width:1264px; margin:0 auto; z-index:4; padding:5px 0px 5px 90px; position: relative; background-color: #414f2a; background: #414f2a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNGYyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzQxNGYyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk1Yjc1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzQxNGYyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTRmMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #414f2a 0%, #414f2a 20%, #95b75f 50%, #414f2a 80%, #414f2a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#414f2a), color-stop(20%,#414f2a), color-stop(50%,#95b75f), color-stop(80%,#414f2a), color-stop(100%,#414f2a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #414f2a 0%,#414f2a 20%,#95b75f 50%,#414f2a 80%,#414f2a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #414f2a 0%,#414f2a 20%,#95b75f 50%,#414f2a 80%,#414f2a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #414f2a 0%,#414f2a 20%,#95b75f 50%,#414f2a 80%,#414f2a 100%); /* IE10+ */ background: linear-gradient(to right, #414f2a 0%,#414f2a 20%,#95b75f 50%,#414f2a 80%,#414f2a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414f2a', endColorstr='#414f2a',GradientType=1 ); } .menu li a, .menu li { float: left; } .menu li { list-style: none; position: relative; } .menu li { float:left; line-height:24px; margin:0px 28px 0px 4px; } .menu li a { font-size:18px; line-height:24px; color:#fff; text-transform:uppercase; display:inline-block; letter-spacing:-1px; } .menu li a:hover , .menu li.current a { color:#ef6f53; font-size: 20px; } .menu li ul { display: none; position: absolute; left: 0; top: 100%; padding: 10px 0 10px 10px; margin: 0px; } .menu li:hover > ul { display: block; } .menu li ul li, .menu li ul li a { float: none; } .menu li ul li { _display: inline; } .menu li ul li a { display: block; width: 300px; } /*——— slider ———*/ #slide { position:relative; width:1264px; height:585px; margin:0 auto; padding:0px 0px 0 0px; z-index:2; background:#95b75f; overflow:hidden; } .slider { width:1264px; height:465px; margin:0 auto; position:relative; z-index:2; overflow:visible !important; } .items { display:none;} .pagination { display:none;} .pagination li {} .pagination a { } .pagination li.current a, .pagination li:hover a {} .prev {position:absolute; top:504px ; left:90px; z-index:111; display:inline-block; width:22px; height:43px; background:url(../images/prev.gif) 0 0 no-repeat;} .prev:hover {background-position:0 bottom;} .next {position:absolute; top:504px ; right:90px; z-index:111; display:inline-block; width:22px; height:43px; background:url(../images/next.gif) 0 0 no-repeat;} .next:hover {background-position:0 bottom;} .banner{position:absolute; left:162px; top:465px; width:940px; background:#95b75f; overflow:hidden; padding:10px 0 0px 0;} .banner p {width:740px; float:left;} .banner p strong {font-size:50px; line-height:60px; color:#fff; font-weight:normal; letter-spacing:-3px; display:block;} .banner p span {font-size:18px; line-height:24px; color:#636f6f; font-weight:normal; letter-spacing:-1px; display:block; margin-top:-1px;} .banner a {background:#ef6f53; color:#fff; font-size:26px; line-height:32px; padding:11px 24px 21px 24px; display:inline-block; float:right; margin-top:18px;} .banner a:hover {background:#636f6f; }