Jump to content

px379

User
  • Posts

    36
  • Joined

  • Last visited

Everything posted by px379

  1. Здравствуйте. Скорее всего вопрос детский, но в гугле решения проблемы найти не смог. Есть 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(); ?>
  2. Понятно. Но мне до JQuery как до Шанхая босиком)
  3. Спасибо! Помогло. !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>Может скачать их на комп и там поковырять на счет тех параметров стилей?
  4. Сайт у меня только на локальном компе. Это у меня как-бы тренировочный полигон. Ну в общем я только учусь верстать. Но если надо, я могу залить сайт на какой нибудь хостинг. А с этим скриптом, вообще никак не получится? Может тогда посоветуете хороший слайдер контента? Надо что бы по бокам были стрелки что бы листать и внизу навигация (типа пагинатора). Просто этот скрипт единственный, который я смог установить. Но тут скорее всего виноваты мои кривые руки чем скрипты)
  5. Я и в скрипте искал подобные параметры, ничего нету. Скрипт вот этот: http://bxslider.com/
  6. Здравствуйте. Помогите разобраться с такой штукой. Установил я слайдер контента, все работает, все Ок! Но, в самом низу, оказывается не видно цен. Ну да то понятно, высота класса, который присвоен тегу <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>
  7. Спасибо! Помогло. Теперь буду знать)
  8. Здравствуйте! Не получается применить классы или 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;}
  9. Я так понимаю, проблема в "резиновости" всплывающего окна. Установите высоту блока. .form-block { height: 210px;width: 306px;
  10. Класс! То что доктор прописал. А я уже начал скрипт искать для этих целей. За статью отдельное спасибо, страницу добавил в закладки. В будущем наверняка пригодится.
  11. Помогло, но отчасти. Начали вылазить другие косяки. При малом разрешении 1366х768, правый блок уехал вниз, контейнер с таймером вообще сплющело. За идею спасибо, буду от этого варианта отталкиваться и пытаться дальше что-то химичить)
  12. Здравствуйте! Суть состоит вот в чем, в шапке есть 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;/* Обтекание по правому краю */}
  13. Спасибо! Теперь все работает как надо=)
  14. При удалении 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;}
  15. Здравствуйте! Помогите с такой проблемой. На сайте есть шапка, в шапке будут расположены еще несколько 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; /* Параметры линии вверху */}
  16. Спасибо за помощь =) Br переносит саму кнопку тоже, так как тег a по умолчанию inline. Надо добавить в класс friend display: block; и br будет работать как надо Вам. Спасибо за помощь =)
  17. Здравствуйте! Столкнулся с такой проблемой, есть кнопка, на кнопке надпись в одну строку. Надо ниже, добавить еще одну строку. <br /> не катит, он переносит не только текст, но и саму кнопку. HTML <div id="shop"><a href="http://mebelny.in.ua/shop/" class="friend" target="_blank" title="Партнер сайта"/>ИНТЕРНЕТ МАГАЗИН</a></div>CSS .friend{text-decoration:none; text-align:center; padding:10px 33px; border:solid 1px #850101; -webkit-border-radius:0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:4px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:4px; font:14px Arial, Helvetica, sans-serif; color:#ffffff; background:#850101; -webkit-box-shadow:inset 0,0px 0,0px 1,1px #ffffff,#ffffff; -moz-box-shadow:inset 0px 0px 1px #ffffff; box-shadow:inset 0px 0px 1px #ffffff; }.friend:hover{ padding:10px 33px; border:solid 1px #ce1e1e; -webkit-border-radius:0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:4px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:4px; font:14px Arial, Helvetica, sans-serif; color:#ffffff; background:#ce1e1e; -webkit-box-shadow:inset 0,0px 0,0px 1,1px #ffffff,#ffffff; -moz-box-shadow:inset 0px 0px 1px #ffffff; box-shadow:inset 0px 0px 1px #ffffff; }#shop{margin-top: 9px;}
  18. Что-то с подключением не очень получается. Мне надо подключить скрипт к HTML-ной странице. Пытаюсь делать так: Скачиваю class.phpmailer.zip, распаковываю содержимое архива в корень сайта. Дальше создаю файл form-data.php с таким содержанием: PHP <?php function show_form() { ?> <? } function complete_mail() { // $_POST['title'] содержит данные из поля "Тема", trim() - убираем все лишние пробелы и переносы строк, htmlspecialchars() - преобразует специальные символы в HTML сущности, будем считать для того, чтобы простейшие попытки взломать наш сайт обломались, ну и substr($_POST['title'], 0, 1000) - урезаем текст до 1000 символов. Для переменных $_POST['mess'], $_POST['name'], $_POST['tel'], $_POST['email'] все аналогично $_POST['title'] = substr(htmlspecialchars(trim($_POST['title'])), 0, 1000); $_POST['mess'] = substr(htmlspecialchars(trim($_POST['mess'])), 0, 1000000); $_POST['name'] = substr(htmlspecialchars(trim($_POST['name'])), 0, 30); $_POST['tel'] = substr(htmlspecialchars(trim($_POST['tel'])), 0, 30); $_POST['email'] = substr(htmlspecialchars(trim($_POST['email'])), 0, 50); // если не заполнено поле "Имя" - показываем ошибку 0 if (empty($_POST['name'])) output_err(0); // если неправильно заполнено поле email - показываем ошибку 1 if(!preg_match("/[0-9a-z_]+@[0-9a-z_^\.]+\.[a-z]{2,3}/i", $_POST['email'])) output_err(1); // если не заполнено поле "Сообщение" - показываем ошибку 2 if(empty($_POST['mess'])) output_err(2); // обратите внимание, теперь мы можем писать красивые письма, с помощью html тегов ;-) $mess = ' <b>Имя отправителя:</b>'.$_POST['name'].'<br /> <b>Контактный телефон:</b>'.$_POST['tel'].'<br /> <b>Контактный email:</b>'.$_POST['email'].'<br /> '.$_POST['mess']; // подключаем файл класса для отправки почты require 'class.phpmailer.php'; $mail = new PHPMailer(); $mail->From = 'test@test.ru'; // от кого $mail->FromName = 'www.php-mail.ru'; // от кого $mail->AddAddress('to@yandex.ru', 'Имя'); // кому - адрес, Имя $mail->IsHTML(true); // выставляем формат письма HTML $mail->Subject = $_POST['title']; // тема письма // если был файл, то прикрепляем его к письму if(isset($_FILES['attachfile'])) { if($_FILES['attachfile']['error'] == 0){ $mail->AddAttachment($_FILES['attachfile']['tmp_name'], $_FILES['attachfile']['name']); } } // если было изображение, то прикрепляем его в виде картинки к телу письма. if(isset($_FILES['attachimage'])) { if($_FILES['attachimage']['error'] == 0){ if (!$mail->AddEmbeddedImage($_FILES['attachimage']['tmp_name'], 'my-attach', 'image.gif', 'base64', $_FILES['attachimage']['type'])) die ($mail->ErrorInfo); $mess .= 'А вот и наша картинка:<br /><img src="cid:my-attach" border=0><br />я показал как ее прикреплять, соответственно Вам осталось вставить ее в нужное место Вашего письма ;-) '; } } $mail->Body = $mess; // отправляем наше письмо if (!$mail->Send()) die ('Mailer Error: '.$mail->ErrorInfo); echo 'Спасибо! Ваше письмо отправлено.'; } function output_err($num) { $err[0] = 'ОШИБКА! Не введено имя.'; $err[1] = 'ОШИБКА! Неверно введен e-mail.'; $err[2] = 'ОШИБКА! Не введено сообщение.'; echo '<p>'.$err[$num].'</p>'; show_form(); exit(); } if (!empty($_POST['submit'])) complete_mail(); else show_form(); ?> В HTML пишу это <form action="" method=post enctype="multipart/form-data"> <div align="center"> <br />Имя*<br /> <input type="text" name="name" size="40"> <br />Контактный телефон<br /> <input type="text" name="tel" size="40"> <br />Контактный email*<br /> <input type="text" name="email" size="40"> <br />Teма<br /> <input type="text" name="title" size="40"> <br />Сообщение*<br /> <textarea rows="10" name="mess" cols="30"></textarea> <br />Файл<br /> <input name="attachfile" type="file" size="28"> <br />Изображение<br /> <input name="attachimage" type="file" size="28"> <br /><br /><input type="submit" value="Отправить" name="submit"> </div> </form> В результате, страница обновляется, а письмо вообще не приходит.
  19. Спасибо, попробую. То я наверное когда пробовал что-то делать, вот и накосячил. Но я в любом случае вернул все как было раньше, эта форма работает уже почти месяц.
  20. Здравствуйте. Есть форма обратной связи. В нее надо добавить возможность, что бы посетитель мог выбрать файл со своего компьютера и отправить его на почту вместе с остальными данными. В PHP почти не разбираюсь. Методом тыка при помощи гугла пробовал что-то химичить, но все бестолку. HTML <form method="post" action="contact3.php" id="contactformm"> <p align="center" style="font-size: 25px; font-weight: bold; font-family: Tahoma;">Заказать расчет</p> <div><br /> <input style="position:relative; width:96%;" type="text" size="40" name="contactname" id="contactname" value="" class="required" placeholder="Ваше имя" /><br /><br /> </div> <div> <input style="position:relative; width:96%;" type="text" size="40" name="email" id="email" value="" class="required email" placeholder="Ваш E-mail" /><br /><br /> </div> <div> <input style="position:relative; width:96%;" type="text" size="40" name="phone" id="phone" value="" class="required" placeholder="Номер телефона" /><br /><br /> </div> <div> <textarea style="position:relative; width:96%;" rows="15" cols="73" name="message" id="message" class="required" placeholder="Ваши данные"></textarea><br /><br /> </div> <center><input type="submit" value="ОТПРАВИТЬ" name="submit" class="zakhead" /></center> </form>PHP <?php //Если форма отправлена if(isset($_POST['submit'])) { //Проверка Поля ИМЯ if(trim($_POST['contactname']) == '') { $hasError = true; } else { $name = trim($_POST['contactname']); } //Проверка поля ТЕЛЕФОН if(trim($_POST[phone']) == '') { $hasError = true; } else { $phone = trim($_POST['phone']); } //Проверка правильности ввода EMAIL if(trim($_POST['email']) == '') { $hasError = true; } else if (!eregi("^[A-Z0-9._%-]+@[A-Z0-9._%-]+\.[A-Z]{2,4}$", trim($_POST['email']))) { $hasError = true; } else { $email = trim($_POST['email']); } //Проверка наличия ТЕКСТА сообщения if(trim($_POST['message']) == '') { $hasError = true; } else { if(function_exists('stripslashes')) { $comments = stripslashes(trim($_POST['message'])); } else { $comments = trim($_POST['message']); } } //Если ошибок нет, отправить email if(!isset($hasError)) { $emailTo = 'ranran2006@yandex.ua'; //Сюда введите Ваш email $body = "Заказ на подсчет \n\n Имя: $name \n\nE-mail: $email \n\nТелефон: $phone \n\nДанные заказчика:\n $comments"; $headers = 'From: HYBRID - Заказ на подсчет <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $email; mail($emailTo, $subject, $body, $headers); $emailSent = true; } } ?>
  21. можно ,но в значении ....короче-это неправильно.... попробуйте вот так document.getElementById("men").onclick=function() {document.getElementsByTagName('textarea')[0].value="Мужчина" }} это так бегло без проверок различных Работает, но прикольно работает) http://jsfiddle.net/gbJNf/1/ Если выбрать одну из кнопок и нажать "Отправить", то в принципе ничего не произойдет. Зато если потом просто переключать кнопки, то в текстовое поле будет выводиться нужная информация. Но с этим я уже разберусь. Спасибо)
  22. 1 и 2- это значение элемента value. По идее, скрипт по нему должен понимать, что и от куда брать. и куда отправлять. Или к чему вопрос? В Значении элемента value вроде можно ставить цифры. На сколько я помню...
  23. это что То проверка radio по value. Я уже и по id пробовал проверять, и по выбранной кнопке cheked, ну в общем перебирал даже самые бредовые идеи. Самое интересное, что например если тоже самое сделать через select, то все отлично работает. Например так: <td class="left"><b>Выбор пола:</b></td> <td><input type="text" name="size" size="5" class="form"> <select name="pol" size="1"> <option value="Men"> Мужчина </option> <option value="Woomen"> Женщина </option> </select> wait_visibility('pol', 0);function create(form) { form.story.value=""; if (form.men.value != "") { form.story.value +="Мужчина" + form.men.value + "\n"; } if (form.woomen.value != "") { form.story.value +="Женщина" + form.woomen.value + ""; }}
  24. Здравствуйте. Проблема с radio кнопками. Никак не получается вывести информацию из кнопок в текстовое поле. Уже чего только не пробовал... Цель: Есть две radio кнопки, надо вывести информацию из выбранной кнопки в текстовое поле. Тут в визуальном редакторе http://jsfiddle.net/gbJNf/ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" /> <title>Выбор пола</title> </head> <body> <script type="text/javascript"> <!-- wait_visibility('pol', 0);function create(form) { form.story.value=""; console.log(form.pol[men]); if (form.1.value != "") { form.story.value +="Мужчина" + form.1.value + "\n"; } console.log(form.pol[woomen]); if (form.2.value != "") { form.story.value +="Женщина" + form.2.value + ""; }} //--> </script> <form action=""> <table border="0" cellpadding="7" cellspacing="0"> <tr> <td class="left"><b>Выберите ваш пол</b></td> <br /> <br /> Мужчина<input type="radio" value="1" name="pol" id="men" checked="checked" /> Женщина<input type="radio" value="2" name="pol" id="woomen" /> </tr> <tr> <td colspan="2"><input type="button" value="Отправить" onclick="create(this.form)" class="buttonformal"> <br /> <textarea name="story" rows="5" cols="20"></textarea></td> </tr> </table> </form> </body> </html>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy