px379

Здравствуйте. Скорее всего вопрос детский, но в гугле решения проблемы найти не смог. Есть PHP файл. Он отправляет форму на почту. Как прописать кодировку utf-8? <?php function complete_mail() { // $_POST['title'] содержит данные из поля "Тема", trim() - убираем все лишние пробелы и переносы строк, htmlspecialchars() - преобразует специальные символы в HTML сущности, будем считать для того, чтобы простейшие попытки взломать наш сайт обломались, ну и substr($_POST['title'], 0, 1000) - урезаем текст до 1000 символов. Для переменных $_POST['mess'], $_POST['name'], $_POST['tel'], $_POST['email'] все аналогично $_POST['name'] = substr(htmlspecialchars(trim($_POST['name'])), 0, 30); $_POST['tel'] = substr(htmlspecialchars(trim($_POST['tel'])), 0, 30); // если не заполнено поле "Имя" - показываем ошибку 0 if (empty($_POST['name'])) output_err(0); // если не заполнено поле телефон - показываем ошибку 1 if (empty($_POST['tel'])) output_err(1); // создаем наше сообщение $mess = ' Имя отправителя:'.$_POST['name'].' Контактный телефон:'.$_POST['tel']; // $to - кому отправляем $to = 'simple@mail.ru'; // $from - от кого $from='HYBRID - ЗАКАЗ звонка'; mail($to, $_POST['title'], $mess, "From:".$from); header( 'Refresh: 0; ../order_call.html' );} function output_err($num) { $err[0] = 'ОШИБКА! Не введено имя.'; $err[1] = 'ОШИБКА! Не верно введен номер телефона.'; echo '<p>'.$err[$num].'</p>'; show_form(); exit(); } if (!empty($_POST['submit'])) complete_mail(); else show_form(); ?>

Понятно. Но мне до JQuery как до Шанхая босиком)

Спасибо! Помогло. !important я так понял, принудительно устанавливает параметры стилей? Но все равно интересно, откуда именно дебагер взял те стили... Этот слайдер на JQuery. А сами библиотеки, я беру с их сервера. То-есть так: <script src="//code.jquery.com/jquery-1.11.0.min.js"></script><script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>Может скачать их на комп и там поковырять на счет тех параметров стилей?

Сайт у меня только на локальном компе. Это у меня как-бы тренировочный полигон. Ну в общем я только учусь верстать. Но если надо, я могу залить сайт на какой нибудь хостинг. А с этим скриптом, вообще никак не получится? Может тогда посоветуете хороший слайдер контента? Надо что бы по бокам были стрелки что бы листать и внизу навигация (типа пагинатора). Просто этот скрипт единственный, который я смог установить. Но тут скорее всего виноваты мои кривые руки чем скрипты)

Я и в скрипте искал подобные параметры, ничего нету. Скрипт вот этот: http://bxslider.com/

Здравствуйте. Помогите разобраться с такой штукой. Установил я слайдер контента, все работает, все Ок! Но, в самом низу, оказывается не видно цен. Ну да то понятно, высота класса, который присвоен тегу <ul>, не захватывает всей области контента.Полез я значит в стили слайдера, ковырял я его и мучал как тузик мурзика. В этом занимательном процессе, в дебагере (в браузере) я заметил вот это (см. скрин.) Вот какраз height: 538px; и регулирует высоту. Но больше всего, меня смутил класс - element.style. Такого класса в стилях и в скрипте я не нашел, параметров которые присвоены данному классу тоже. Попытка прописать высоту классу, который присвоен тегу <ul> ситуацию не исправила. Я уже не буду расписывать что я делал дальше со стилями, дабы избавить от лишней информации. На счет класса element.style я погуглил. Гугл мне сказал, что это стили, которые прописаны в HTML-тегах. Я лично проверил документ, подобных стилей нет. У меня в тегах вообще почти стилей нету, пишу все во внешнем файле стилей. И еще вопрос, вот в Опере в дебагере, вот там когда на водишь на какой либо элемент страницы, он начинает подсвечиваться, а если клацнуть по нему, то сразу выделяется HTML код по которому клацнул. Можно ли так сдеть в Хроме? Стили слайдера:/** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com *//** RESET AND LAYOUT===================================*/.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1;}.bx-wrapper img { max-width: 100%; display: block;}/** THEME===================================*/.bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%;}/* LOADER */.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}/* PAGER */.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;}.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active { background: #000;}/* DIRECTION CONTROLS (NEXT / PREV) */.bx-wrapper .bx-prev { left: 10px; background: url(../images/controls.png) no-repeat 0 -32px;}.bx-wrapper .bx-next { right: 10px; background: url(../images/controls.png) no-repeat -43px -32px;}.bx-wrapper .bx-prev:hover { background-position: 0 0;}.bx-wrapper .bx-next:hover { background-position: -43px 0;}.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;}.bx-wrapper .bx-controls-direction a.disabled { display: none;}/* AUTO CONTROLS (START / STOP) */.bx-wrapper .bx-controls-auto { text-align: center;}.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px;}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;}.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px;}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;}/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%;}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px;}/* IMAGE CAPTIONS */.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;}.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}HTML: <ul class="bxslider"> <li> Контент-1 </li> <li> Контент-2 </li></ul>

Спасибо! Помогло. Теперь буду знать)

Здравствуйте! Не получается применить классы или ID к маркированному списку. Дело в том, что списков на странице будет несколько, у каждого списка присутствует свой маркер (маркер заменяю картинкой через list-style-image). Когда пытаюсь применить к списку класс или ID, то все стили слетают. Делать пытаюсь так: HTML: <ul class="ddd"> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> </ul>CSS: ul .ddd{list-style-image: url(images/okay.png);text-align:left;}

Я так понимаю, проблема в "резиновости" всплывающего окна. Установите высоту блока. .form-block { height: 210px;width: 306px;

Класс! То что доктор прописал. А я уже начал скрипт искать для этих целей. За статью отдельное спасибо, страницу добавил в закладки. В будущем наверняка пригодится.

Помогло, но отчасти. Начали вылазить другие косяки. При малом разрешении 1366х768, правый блок уехал вниз, контейнер с таймером вообще сплющело. За идею спасибо, буду от этого варианта отталкиваться и пытаться дальше что-то химичить)

Здравствуйте! Суть состоит вот в чем, в шапке есть 3 блока (по настоящему их - 5, ниже я нарисовал схему для понятности). Надо средний блок #conteiner, вместе с его содержимым, выровнять по центру, относительно двух крайних - #akciya и #order_form. Ну или на худой конец, хотя бы по центру шапки. Абсолютное позиционирование не подходит. При разных разрешениях монитора, крайние блоки уйдут в стороны, а средний останется на своей позиции. Думал уже воспользоваться табличной версткой, но, я так понимаю, что при табличной вестке можно забыть про обтекание элеменов (что бы при масштабировании окна браузера, элементы таблицы съезжали вниз). Скриншот для наглядности CSS: /* ШАПКА */#header{width: 100%;/*Ширина*/background: #fcfff4; /* Old browsers */background: -moz-linear-gradient(top, #fcfff4 0%, #c4c4c4 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #fcfff4 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #fcfff4 0%,#c4c4c4 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #fcfff4 0%,#c4c4c4 100%); /* IE10+ */background: linear-gradient(to bottom, #fcfff4 0%,#c4c4c4 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */border-bottom: 5px solid #959595; /* Параметры нижнего бордюра */}/*Расширяем шапку по вертикали в зависимости от содержимого*/#header:after {clear: both;display: block;content: '';}/*Акция*/#akciya{background-image: url('images/flyer.jpg');background-repeat: no-repeat;width:500px;/*Ширина*/height:353px;/*Высота*/margin:1%;/* Отступы вокруг элемента */float: left;/* Обтекание по правому краю */}/*Контейнер для таймера и ярлыка*/#conteiner{width:450px;/*Ширина*/height:225px;/*Высота*/margin:6% 0 0 0;/* Отступы вокруг элемента */float: left;/* Обтекание по правому краю */}/*Ярлык - СПЕШИТЕ*/#tag{background-image: url('images/yarlyk.png');background-repeat: no-repeat;width:249px;/*Ширина*/height:95px;/*Высота*/margin-left:auto; margin-right:auto;/* Выравниваем блок по центру */}/*Таймер*/#timer{width:425px;/*Ширина*/height:110px;/*Высота*/margin-left:auto; margin-right:auto;/* Выравниваем блок по центру */}/*Форма заказа*/#order_form{background:#fc0;width:250px;/*Ширина*/height:353px;/*Высота*/margin:1%;/* Отступы вокруг элемента */float: right;/* Обтекание по правому краю */}

Спасибо! Теперь все работает как надо=)

При удалении height: 100; получается вот что (см. скрин). Шапка просто теряет высоту. Или я чет не так сделал? Уже не первый час эту шапку мучаю, могу подтупливать. /*ШАПКА*/#header{width: 100%;/*Ширина*/background: #fcfff4; /* Old browsers */background: -moz-linear-gradient(top, #fcfff4 0%, #c4c4c4 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #fcfff4 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #fcfff4 0%,#c4c4c4 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #fcfff4 0%,#c4c4c4 100%); /* IE10+ */background: linear-gradient(to bottom, #fcfff4 0%,#c4c4c4 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */}#header:after { clear: both;}

Здравствуйте! Помогите с такой проблемой. На сайте есть шапка, в шапке будут расположены еще несколько div-ов. Задача: надо сделать так, что бы шапка растягивалась по вертикали, в зависимости от наполнения ее контентом. Высота шапки установлена 100%, в результате, шапка увеличилась по вертикали на большее расстояние чем ожидалось. HTML <!DOCTYPE html><html><head><title>HYBRID - главная</title><meta charset="utf-8"><link href="style.css" rel="stylesheet" media="all"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js"></script><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" type="text/css"></head><body><!-- Верхняя шапка --><div id="top_header"> <a href="index.html"><img src="images/logo_rd.png" width="272" height="70" alt="RanDesign-экономное электроотопление" /></a> <!-- Форма - Заказать ЗВОНОК! --> <form action="" id="order_call"> <input type="text" required placeholder="Ваше имя" size="25"> <input type="tel" required placeholder="Номер телефона" size="25"> <input type="submit" value="Заказать ЗВОНОК!" name="submit" class="call_alert" /> </form></div><!-- МЕНЮ --><ul id="css3menu1" class="topmenu"> <li class="topfirst"><a class="pressed" href="index.html">Главная</a></li> <li class="topmenu"><a href="#">Контакты</a></li> <li class="topmenu"><a href="#">Доставка</a></li> <li class="topmenu"><a href="#">Гарантии</a></li> <li class="topmenu"><a href="#">Вопросы и ответы</a></li> <li class="toplast"><a href="#">Преимущества</a></li></ul><!-- Шапка --><div id="header"> <div id="akciya"></div><!-- Акция --> <div id="tag"></div><!-- Ярлык - СПЕШИТЕ --></div><!-- Контент --><div id="content"><p><strong>А в этот день, много лет назад...</strong><br />1. 9 апреля 1942 года японская авиация в составе 91 Nakajima B5N2 и 85 Aichi D3A1 при поддержке 45 истребителей A6M2 совершили налет на британскую военно-морскую базу в Трикомали (о.Цейлон).Не встретив практически никакого сопротивления, японская авиация отправила на дно авианосец "Гермес", монитор "Эребус", эсминец "Вампайр", корвет "Холлихок", транспорты "Сагаинг", "Норвикен", "Этельстоун" и танкер "Бритиш Сержант", не тронув при этом госпитальное судно. Потери японцев составили 13 самолетов.(на фото: постановочное выступление группы "Тора! Тора! Тора!")2. 9 апреля 1945 г. в HИИ ВВС благополучно завершились государственные испытания истребителя Як-ЗП (летчик В.Г.Иванов, ведущий инженер по самолету И.А.Колосов, по вооружению - А.Г.Аронов). Было произведено 37 полетов общей продолжительностью 17 ч 39 мин.По результатам госиспытаний было отмечено, что самолет с тремя пушками Б-20 необходим для ВВС.3. 9 апреля 1945 года, постановлением Государственного комитета обороны ОКБ-115 поручалось спроектировать, построить и передать на испытания одноместный истребитель с одним реактивным двигателем типа ЮМО-004 (Junkers Jumo-004) тягой 900 кгс. Для ускорения процесса разработки за основу был взят Як-3. Первый прототип истребителя получил обозначение Як-ЮМО (в ряде документов он фигурировал как Як-3-ЮМО или "экспериментальный истребитель конструкции А.С.Яковлева").4. 9 апреля 1945 года, самолеты De Havilland Mosquito FB.XVIII “Tse-Tse” Берегового командования показали потрясающую результативность. В течение одного дня ими было уничтожено три немецкие подводные лодки. Все три победы были достигнуты использованием неуправляемых реактивных снарядов.5. 9 апреля 1948 года, серийный самолет В-36 А совершает полет продолжительностью 32 часа на расстояние 9800 км с 4540 кг бомб, которые были сброшены примерно на середине маршрута, средняя скорость перелета составила 306 км/ ч. Полет проходил при двух выключенных двигателях.6. 9 апреля 1952 года, впервые в Великобритании на первом прототипе английского палубного истребителя De Havilland DH.110 “Sea Vixen” было достигнуто число Маха больше 1 в горизонтальном полете.7. 9 апреля 1953 года, состоялся первый официальный полет первого в мире реактивного гидросамолета - Convair XF2Y-1 “Sea Dart” с двигателями Westinghouse J34-WE-32.8. 9 апреля 1960 года американскими спецслужбами была проведена неординарная разведывательная операция. Самолет-разведчик Lockheed U-2 за один полет на высоте 20.000 метров пролетел над такими сверхсекретными объектами Советского Союза, как: Семипалатинский ядерный полигон, авиабаза стратегических бомбардировщиков Ту-95, полигон зенитных ракетных войск близ Сары-Шага-на, ракетный полигон Тюра-Там (космодром Байконур). После чего разведчик U-2 покинул пределы воздушного пространства СССР в районе города Мары.</p></div><!-- Подвал --><footer></footer></body> </html>CSS html, body{background: #fff;font: 12pt Tahoma;padding: 0;margin:0;height: 100%;}#top_header{margin: 1%; /* Отступы вокруг элемента */background: #fff; /* Цвет фона */}/*Кнопка - Срочный ЗВОНОК!*/#order_call{float: right;padding-top: 1.5%;border: solid 0px;}input{font: 15pt Arial;}.call_alert{text-decoration:none; text-align:center; padding:5px 10px; border:solid 1px #660000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; background-color:#cc0000; background-image: -moz-linear-gradient(top, #cc0000 0%, #660000 100%); background-image: -webkit-linear-gradient(top, #cc0000 0%, #660000 100%); background-image: -o-linear-gradient(top, #cc0000 0%, #660000 100%); background-image: -ms-linear-gradient(top, #cc0000 0% ,#660000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660000', endColorstr='#660000',GradientType=0 ); background-image: linear-gradient(top, #cc0000 0% ,#660000 100%); -webkit-box-shadow:0px 0px 2px #000000, inset 0px 0px 1px #ffffff; -moz-box-shadow: 0px 0px 2px #000000, inset 0px 0px 1px #ffffff; box-shadow:0px 0px 2px #000000, inset 0px 0px 1px #ffffff; text-shadow: 3px 3px 7px #333333; filter: dropshadow(color=#333333, offx=3, offy=3); } .call_alert:hover{ padding:5px 10px; border:solid 1px #660000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; background-color:#ff0000; background-image: -moz-linear-gradient(top, #ff0000 0%, #990000 100%); background-image: -webkit-linear-gradient(top, #ff0000 0%, #990000 100%); background-image: -o-linear-gradient(top, #ff0000 0%, #990000 100%); background-image: -ms-linear-gradient(top, #ff0000 0% ,#990000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#990000',GradientType=0 ); background-image: linear-gradient(top, #ff0000 0% ,#990000 100%); -webkit-box-shadow:0px 0px 2px #000000, inset 0px 0px 1px #ffffff; -moz-box-shadow: 0px 0px 2px #000000, inset 0px 0px 1px #ffffff; box-shadow:0px 0px 2px #000000, inset 0px 0px 1px #ffffff; text-shadow: 3px 3px 7px #333333; filter: dropshadow(color=#333333, offx=3, offy=3);} .call_alert:active{ padding:5px 10px; border:solid 1px #660000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; background-color:#cc0000; background-image: -moz-linear-gradient(top, #cc0000 0%, #660000 100%); background-image: -webkit-linear-gradient(top, #cc0000 0%, #660000 100%); background-image: -o-linear-gradient(top, #cc0000 0%, #660000 100%); background-image: -ms-linear-gradient(top, #cc0000 0% ,#660000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660000', endColorstr='#660000',GradientType=0 ); background-image: linear-gradient(top, #cc0000 0% ,#660000 100%); -webkit-box-shadow:0px 0px 2px #000000, inset 0px 0px 1px #ffffff; -moz-box-shadow: 0px 0px 2px #000000, inset 0px 0px 1px #ffffff; box-shadow:0px 0px 2px #000000, inset 0px 0px 1px #ffffff; text-shadow: 3px 3px 7px #333333; filter: dropshadow(color=#333333, offx=3, offy=3);} /*МЕНЮ*/ul#css3menu1{ margin:0 0%;list-style:none;padding:0 0%;background-color:#dedede;font-size:0;width:100%;z-index:999;position:relative;display:inline-block;zoom:1; *display:inline;*padding-right:1.04%;}ul#css3menu1 li{ display:block;white-space:nowrap;font-size:0;float:left;}* html ul#css3menu1 li a{ display:inline-block;}ul#css3menu1>li{ margin:0;width:16%;}ul#css3menu1 li.toplast{ width:20%;}body:first-of-type ul#css3menu1{ display:inline-table;border-spacing:0px 0;}body:first-of-type ul#css3menu1>li{ display:table-cell;float:none;}ul#css3menu1 a:active, ul#css3menu1 a:focus{ outline-style:none;}ul#css3menu1 a{ display:block;vertical-align:middle;text-align:center;text-decoration:none;font:bold 14px Trebuchet MS;color:#444;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:5px;background-color:#c1c1c1;background-image:url("images/mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{ background-color:#f8ac00;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;background-image:url("images/mainbk.png");background-position:0 100px;text-decoration:none;}ul#css3menu1 li.topfirst>a{ border-radius:0px 0 0 0px;-moz-border-radius:0px 0 0 0px;-webkit-border-radius:0px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}ul#css3menu1 li.toplast>a{ border-radius:0 0px 0px 0;-moz-border-radius:0 0px 0px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;}ul#css3menu1>li:nth-child(1){width:13%}ul#css3menu1>li:nth-child(2){width:14%}ul#css3menu1>li:nth-child(3){width:14%}ul#css3menu1>li:nth-child(4){width:14%}ul#css3menu1>li:nth-child(5){width:25%}@-moz-document url-prefix(){body:first-of-type ul#css3menu1{display:inline-block} body:first-of-type ul#css3menu1>li{display:block;float:left !important;}}@media only screen and (max-width:579px),only screen and (max-device-width:579px){ul#css3menu1>li:nth-child(1){width:23%}ul#css3menu1>li:nth-child(2){width:26%}ul#css3menu1>li:nth-child(3){width:25%}ul#css3menu1>li:nth-child(4){width:26%}ul#css3menu1>li:nth-child(5){width:54%}ul#css3menu1>li:nth-child(6){width:46%}body:first-of-type ul#css3menu1{display:inline-block} body:first-of-type ul#css3menu1>li{display:block;float:left !important;}}@media only screen and (max-width:318px),only screen and (max-device-width:318px){ul#css3menu1>li:nth-child(1){width:31%}ul#css3menu1>li:nth-child(2){width:35%}ul#css3menu1>li:nth-child(3){width:34%}ul#css3menu1>li:nth-child(4){width:36%}ul#css3menu1>li:nth-child(5){width:64%}ul#css3menu1>li:nth-child(6){width:100%}}@media only screen and (max-width:237px),only screen and (max-device-width:237px){ul#css3menu1>li:nth-child(1){width:47%}ul#css3menu1>li:nth-child(2){width:53%}ul#css3menu1>li:nth-child(3){width:50%}ul#css3menu1>li:nth-child(4){width:50%}ul#css3menu1>li:nth-child(5){width:54%}ul#css3menu1>li:nth-child(6){width:46%}}@media only screen and (max-width:261px),only screen and (max-device-width:261px){ul#css3menu1>li:nth-child(1){width:47%}ul#css3menu1>li:nth-child(2){width:53%}ul#css3menu1>li:nth-child(3){width:50%}ul#css3menu1>li:nth-child(4){width:50%}ul#css3menu1>li:nth-child(5){width:100%}ul#css3menu1>li:nth-child(6){width:100%}}/*ШАПКА*/#header{width: 100%;/*Ширина*/height: 100%;/*Высота*/background: #fcfff4; /* Old browsers */background: -moz-linear-gradient(top, #fcfff4 0%, #c4c4c4 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #fcfff4 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #fcfff4 0%,#c4c4c4 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #fcfff4 0%,#c4c4c4 100%); /* IE10+ */background: linear-gradient(to bottom, #fcfff4 0%,#c4c4c4 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */}/*Акция*/#akciya{background-image: url('images/flyer.jpg');background-repeat: no-repeat;width:500px;/*Ширина*/height:353px;/*Высота*/margin:1%;/* Отступы вокруг элемента */float: left;/* Обтекание по правому краю */}/*Ярлык - СПЕШИТЕ*/#tag{background-image: url('images/yarlyk.png');background-repeat: no-repeat;width:249px;/*Ширина*/height:95px;/*Высота*/margin:1%;/* Отступы вокруг элемента */float: left;/* Обтекание по правому краю */}/*Таймер*//*Контакты*//*Форма заказа*//*Контент*/#content{width: 90%;/*Ширина*/height:100%;/*Высота*/margin:10px auto;}/*Подвал*/footer{background: #333;font: 12pt Tahoma;width: 100%;/*Ширина*/height:30%;/*Высота*/padding: 0;margin:0;border-top: 2px solid #111; /* Параметры линии вверху */}