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; /* Параметры линии вверху */}

Спасибо за помощь =) Br переносит саму кнопку тоже, так как тег a по умолчанию inline. Надо добавить в класс friend display: block; и br будет работать как надо Вам. Спасибо за помощь =)

Здравствуйте! Столкнулся с такой проблемой, есть кнопка, на кнопке надпись в одну строку. Надо ниже, добавить еще одну строку. <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;}

Все. Вроде разобрался)

Что-то с подключением не очень получается. Мне надо подключить скрипт к 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> В результате, страница обновляется, а письмо вообще не приходит.

Спасибо, попробую. То я наверное когда пробовал что-то делать, вот и накосячил. Но я в любом случае вернул все как было раньше, эта форма работает уже почти месяц.

Здравствуйте. Есть форма обратной связи. В нее надо добавить возможность, что бы посетитель мог выбрать файл со своего компьютера и отправить его на почту вместе с остальными данными. В 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; } } ?>

можно ,но в значении ....короче-это неправильно.... попробуйте вот так document.getElementById("men").onclick=function() {document.getElementsByTagName('textarea')[0].value="Мужчина" }} это так бегло без проверок различных Работает, но прикольно работает) http://jsfiddle.net/gbJNf/1/ Если выбрать одну из кнопок и нажать "Отправить", то в принципе ничего не произойдет. Зато если потом просто переключать кнопки, то в текстовое поле будет выводиться нужная информация. Но с этим я уже разберусь. Спасибо)

1 и 2- это значение элемента value. По идее, скрипт по нему должен понимать, что и от куда брать. и куда отправлять. Или к чему вопрос? В Значении элемента value вроде можно ставить цифры. На сколько я помню...

это что То проверка 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 + ""; }}

Здравствуйте. Проблема с 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>