veromi
-
Posts
64 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by veromi
-
Разобрался сам..
-
Пытаюсь сделать форму отправки сообщений... Задача, чтоб данные которые вводит пользователь в форме, отображались на генерируеой странице и паралельно отправлялись на почту. имеем форма http://polosatiykot.ru/form.html <div class="left"> <div id="form"> <form method="post" name="contactform" id="contactform" action="form.php"> <table border="0" cellspacing="0" cellpadding="3"> <tr> <td><div align="right"><label for="name">Имя:</label></div></td> <td><input name="name" type="text" class="formstyle" id="name" placeholder="Василий Пупкин" autofocus/><br /> </td> </tr> <tr> <td><div align="right"><label for="phone">Телефон:</label></div></td> <td><input name="phone" type="tel" class="formstyle" id="phone" placeholder="1-234-567-89-10" /></td> </tr> <tr> <td><div align="right"><label for="email">Email:</label></div></td> <td> <input name="email" type="email" class="formstyle" id="email" placeholder="email@email.ru"/><br /> </td> </tr> <tr> <td><div align="right"><label for="subject">Тема сообщения:</label></div></td> <td><input name="subject" type="text" class="formstyle" id="subject" placeholder="Есть тема!" value="" contenteditable="true"/></td> <tr> <td><div align="right"><label for="message">Сообщение:</label></div></td> <td> <textarea name="message" cols="45" rows="5" id="message" contenteditable="true" placeholder="Абырвалг"></textarea> </td> </tr> <tr> <td></td> <td> <input type="submit" class="button" value="" /> </td> </tr> </table> </form> </div> </div> имеем form.php <html> <head> <title>Вы отправили сообщение чрез форму</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <?php $name=$_post["name"]; $phone=$_post["phone"]; $email=$_post["email"]; $subject=$_post["subject"]; $message=$_post["message"]; $msg=$name."отправил Вам сообщение с сайта rock-zvezda.ru, Вы можете связаться с ним по телефону".$phone. "или по емейлу:".$email."\n"."Тема сообщения".$subject."\n"."$message"; $to="veromi@inbox.ru"; echo "Спасибо за за оставленное сообщние.<br/>"; echo "Ваше имя".$name; echo "Ваш телефон".$phone; echo "Ваш почтовый ящик".$email; echo "Тема Вашего сообщения".$subject; echo "Сообщение".$message; mail($to, $subject, $msg, $email); ?> </body> </html> Я новичек.. Наверняка уже есть готовы файлы под эту задачу.. Хотелось бы посмотреть как это делают профессионалы.
-
Имеем недоделанный сайт.. 2 дня от роду polosatiykot.ru при просмотре ie - у многих изображений серый кантик.. при просмотре google хром - никаких кантиков нет.. подскажите чего добавить в css, чтоб исщез глюк?
-
На некоторых сайтах попадается меню сделаное из изображения.. . Хотелось бы понять как это лучше реализовать..
-
ясно.. короче бесполезный скрипт..
-
Я понимаю, что во многих браузерах ее нет.. Я также понимаю что IE не самый лучший браузер, но.. Нужно ориентироваться на массового пользователя... Есть люди которые до сих пор сидят в вин xp.. Помогите решить проблему то... Как сделать, чтоб отображалось?.. хоть у когонть кроме меня она отобразилась?..
-
Не фурычит .. Вот ссылка toniart.ru добавлено событие в боди Здесь http://toniart.ru/about/index.html через метод window.onload На компьютере на котором верстается сайт - показывается замечательно. На 2-х других компах пишет "Готово" Может что не так делаю?.
-
Оно понятно, что нужно указывать 2 файла, но каков процесс выбора.. Какой из низ браузер выберет для js, а какой без него?
-
Мед с душком так и есть Видимо, потому что детский.. По поводу дизайна все вопросы к иллюстратору.. Все же это его творчество. -Я больше хотел понять типично или не типично, такая структура сайта.. нет ли явных косяков, что удобно, что не удобно итд. Вы считаете будет меньше объем? Сомневаюсь.. пришлось и так уменьшить качество джпега до 75%. Может другая причина ПНГ? Поясните пожайлкста. Линк остался от предыдущей версии без javascript. Уберем.. Либо По линку сделаем более полное описание работы (для продвижения) Карта сайта для продвижения.. Дополнительные "скрытые" разделы, для статей.. Хотелось бы поподробнее в чем кривость навигации, что неудобно, как лучше бы все сделать? Дело в том ,что до javascript была страница с превьюшками (около 40 шт). Из-за большого кол-ва их приходилось делать маленькими. Как резульат - было мало просмотров всего портфолио. Смотрели только то что могли рассмотреть или на бум.. В варианте с яваскриптом никуда лезть не надо, ничего нажимать не надо все и так само покажется..
-
В шапке сайта прилепил <script type="text/javascript"> window.defaultStatus="Добро пожаловать на мой вебсайт"; </script> Результат.. На моем компе показывает.. На других нет.. Не пойму в чем загвоздка.. Может с доктайпом как то связано? у меня <!doctype html> <html xmlns="http://www.w3.org/1999/xhtml">
-
Сделал небольшой сайтик для подруги.. покритикуйте плиз... Может иллюстрации поменьше размером сделать. а то не у всех влезет? www.toniart.ru
-
Имеем 2 css файла, в одном стилизация под javascript, другой обычный. Как сделать, чтоб если у пользователя поддерживается javascript грузился css с java, если нет, то обычный? Я имею ввиду как приавильно написать в этом коде. <script type="text/javascript" src="jquery.js"></script> <link type="text/css" rel="stylesheet" href="pagestyle1.css"> <link type="text/css" rel="stylesheet" href="pagestyle2.css">
-
Господа не работает. Выкладываю обновленный код. <div id="catalog" > <div id="left_button" ><span class="uslugi"><a title="Информация об услугах" href="index.html">Услуги</a></span></div> <div id="middle_button"><span class="price"><a title="Информация о стоимости" href="price/index.html">Стоимость</a></span></div> <div id="right_button"><span class="contacts"><a title="Информация об услугах" href="contacts/index.html">Контакты</a></span></div> </div> /* Плавающий див с 3-мя кнопками */ #catalog{ position:relative; left: 241px; color: #718447; top: 33px; font-size: 19px; font-weight: normal; text-align:center; } /* 3 дива с различными изображениями внутри каждого дива */ #left_button{width:221px; height:46px; background-image:url(header_front-1.jpg); float:left; } #middle_button{width:221px; height:46px; background-image:url(header_front-2.jpg); float:left;} #right_button{width:221px; height:46px; background-image:url(header_front-3.jpg); float:left;} /* стиль текста первого дива*/ .uslugi a{color: #075643; text-decoration: none; vertical-align:middle;} .uslugi a:hover{ color: #075643; text-decoration: none; vertical-align:middle;} .uslugi a:active{ color: #075643;text-decoration: none; vertical-align:middle;} /* стиль текста второго дива*/ .price a{color: #075643; text-decoration: none; vertical-align:middle;} .price a:hover{ color: #075643; text-decoration: none; vertical-align:middle;} .price a:active{ color: #075643;text-decoration: none; vertical-align:middle;} /*стиль текста третьего дива*/ .contacts a{color: #075643; text-decoration: none; vertical-align:middle;} .contacts a:hover{ color: #075643; text-decoration: none; vertical-align:middle;} .contacts a:active{ color: #075643; text-decoration: none; vertical-align:middle;} Когда я добавил к тексту ссылку, текст прилип к верхней границе дива Что я делаю не так?
-
Помогите новичку с вертикальным выравниванием .. Создаем div,задаем ему ширину и высоту, ставим фон, помещаем в этот див текст. Текст прилипает книзу и никакими valign или vertical-align центроваться не хочет. Например HTML <div id="catalog" > <div id="uslugi">Услуги</div> <div id="price"><Стоимость</div> <div id="contacts">Контакты</div> </div> CSS #catalog{ position:relative; left: 241px; color: #718447; top: 33px; font-size: 19px; font-weight: normal; text-align:center; } #uslugi{ width:221px; height:46px; background-image:url(header_front-1.jpg); float:left; } #price{ width:221px; height:46px; background-image:url(header_front-2.jpg); float:left; } #contacts { width:221px; height:46px; background-image:url(header_front-3.jpg); float:left;}
-
При загрузке сайта скачут элементы (верстка дивами)
veromi replied to veromi's question in HTML Coding
спасибо.. -
Задаю первый вопрос на этом форуме, просьба не пинать сразу Имеем страницу http://toniart.ru/portfolio/f.html, при загрузке контента (если скорость интернета не очень большая) сначала грузятся круглые стрелочки влево и вправо причем вверху, затем центральная иллюстрация, затем эти стрелки перемещаются вниз, на те места где они должны быть... Все происходит быстро, но все равно напрягает. Можно полистать стрелки влево или вправо, будет понятней о чем я. Подскажите как с этим бороться? спрасибо.. на всякий случай выкладываю: HTML <body> <!-- Навигация в шапке --> <div id="navi" align="center"> <div class="polosa" > <ul> <li><span class="about"> <a title="Информация обо мне" href="../about/index.html">ПРЕДСТАВЛЮСЬ</a></span></li> <li> <span class="portfolio"><a title="Мое портфолио" href="../index.html"> ПОРТФОЛИО</a></span></li> <li><span class="contacts"><a title="Связаться со мной" href="../contacts/index.html"> КОНТАКТЫ</a></span></li> </ul> </div> </div> <!-- Шапка --> <div id="header"> <div class="wrap"> </div> </div> <!-- Основной Контент --> <div id="content"> </br> <div id="main"> <!-- Пару строк обо мне --> <div id="img"> <img src="large/f.jpg" alt="Иллюстрация тушью, лодки" > <a href="e.html"><div id="arrowleft"> </div></a> <a href="g.html"><div id="arrowright"> </div></a> </div> <div class="clear"></div> </div> </div> <!-- Футер --> <div id="footer"> <div id="sitemap"> <ul> <li><a href="../about/index.html">Представлюсь</a></li> <li><a href="../index.html">Портфолио</a></li> <li><a href="../contacts/index.html">Контакты</a></li> <li><a href="../sitemap.html">Карта сайта</a></li> <li><a href="../Resourses/index.html">Ресурсы</a></li> </ul> <p>Иллюстрации, Дизайн, Верстка - Toniart 2011 - Права не защищены, но просьба не использовать иллюстрации данного сайта <a href="/"></a></p> <!--Счетчик гейгера--> <div align="center"> <script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='http://counter.yadro.ru/hit?t52.2;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров и"+ " посетителей за 24 часа' "+ "border='0' width='88' height='31'><\/a>") //--></script> </div> </div> </div> </body> CSS @charset "windows-1251"; body { background-image: url(style/bg.jpg); margin: 0px; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #646464; webkit-font-smoothing: subpixel-antialiased; } #navi { background-image: url(style/nav-bg.jpg); height: 42px; margins: 0;} #navi .polosa { width: 940px ; background: url(style/contact-us.jpg) 0px 1px no-repeat; height: 42px; background-position: right; text-align:left; padding-top: 4px; position: relative; } #navi li { display: inline; white-space: pre; font-weight: bold; font-size: 12px;} #header { background-image: url(style/header.jpg); height: 287px; background-repeat: repeat-x; margin: 0; } #header .wrap { width: 342px; height: 152px; background: url(style/header-sprite.png); padding: 136px 0px 0px 618px; margin-left: auto; margin-right: auto;} #content { background: #FFF url(style/content-bg.jpg) repeat-x; padding-bottom: 20px; margin: 0; } #specialbox{ margin-left:auto; margin-right:auto;} #content #specialbox{ background: url(style/special-offer.jpg); width: 942px; height: 155px; top: -2px; left: -4px; position: relative; } #main { width: 940px; text-align:center; margin-left:auto; margin-right:auto; margin-top: 0;} #footer { background: url(style/footer-bg.jpg) repeat-x; height: 200px; } .left { float:left; width: 470px;} h1,h2,h3,h4{ color: #0e7ca3; font-family: "Lucida Sans Unicode", sans-serif; margin: 0px; padding: 10px 0px; font-weight: normal; line-height: 1.2em; } p{ margin: 0px; padding: 0px 0px 14px; line-height: 1.5em; font-size: 14px; } a{ outline: none; color: #646464; } a:hover{ color: #0e7ca3; } a:active{ color: #0e7ca3; text-decoration: none; } a img{ border: none; } .about a{ color: #fff; text-decoration: none; } .about a:hover{ color: #dd3b39; text-decoration: none; } .about a:active{ color: #dd3b39; text-decoration: none; } .portfolio a{ color: #2bb6df; text-decoration: none; } .portfolio a:hover{ color: #2bb6df; text-decoration: none; } .portfolio a:active{ color: #2bb6df; text-decoration: none; } .contacts a{ color: #fff; text-decoration: none; } .contacts a:hover{ color: #f3c645; text-decoration: none; } .contacts a:active{ color: #f3c645; text-decoration: none; } .clear { clear: both; height: 40px; } ol.numbers{ list-style-type: none; margin: -6px 0px 10px; } ol.numbers li{ padding: 16px 0px 0px; margin: 0px; line-height: 1.3em; font-family: Cambria, serif; font-style: italic; font-size: 1.1em; text-align:left;} #footer #sitemap{ clear: both; padding-top: 60px; color: #c2c2c2; text-align: center; font-size: 1.1em; } #footer #sitemap ul{ padding: 0px; margin: 0px 0px 15px; list-style-type: none; } #footer #sitemap li{ display: inline; margin: 0px 10px; text-transform: uppercase; } #footer #sitemap a{ color: #c2c2c2; text-decoration: none; } #footer #sitemap a:hover{ color: #00b2da; text-decoration: none; } h1,h2,h3,h4{ color: #0e7ca3; font-family: "Lucida Sans Unicode", sans-serif; margin: 0px; padding: 10px 0px; font-weight: normal; line-height: 1.2em; } h2{ font-size: 2em; letter-spacing: -1px; } #packages{ width: 100%; background-image: url(style/packages-bg.jpg); background-repeat: repeat-x; height: 285px; margin-bottom: 30px; padding-top: 25px; border-bottom: #CCC 1px solid; } #packages .wrap{ width: 960px; } .pictures { float: left; width:235px; height:176px; text-align:center; vertical-align:middle;} #img { height: 590px; } #arrowright{width:60px; height:60px; background-image: url(style/k1.png); position:relative; top:-410px;right:-830px;} #arrowleft{width:60px; height:60px; background-image: url(style/k2.png); position:relative; top:-350px;left:50px;}