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]}); не могу их подружить

CSS это хорошо.... вот только что же делать если много разноформатных страниц? для каждой не на пишешься.... на мой взгляд без 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> не совсем понимаю данный код, поэтому вопросы: - можно ли как то сразу выводить в печатную форму, а не в предпросмотр - как убрать сверху кнопки - в таблицах не выводятся рамки

все спасибо. разобрался. заработало

почитай тут http://www.onwordpress.ru/font-face-on-wordpress.html мне помогла эта статья для внедрения шрифта на сайт

как понять то? я на кнопку отправить нажимаю - письма на почте нет

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 слишком высоко стоит

а сайт то заблокировали

зря h1 сделал лого и не хватает метатегов description и keywords

Если база через MySQL удали ПАПКА_MySQL/data/ИМЯ_БАЗЫ и usr/local/ПАПКА_MySQL/data/ИМЯ_БАЗЫ была такая же проблема.

Помогите разобраться, никак не вьеду. При переходе с одного пункта меню на другой залипает выпадающее меню и дергается туда сюда. 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; }