<input id="search" type="text" name="q" id="query" value="что максимум можно выжить написав код сюда?" class="input-text" autocomplete="off" /> можно ли редирект сделать или выполнения яваскрипта ну или еще что нибудь? спасибо
Странно сформулирован вопрос.. или просто мой уровень понимания не позволяет мне его воспринять. Суть такова <input... используют для передачи данных на сервер. Передача происходит через POST запрос.. максимум что ты сможешь туда вложить зависит от сервера, а конкретнее от параметра: post_max_size 8M* Посмотреть конкретное значение можешь в phpinfo своего сервера. Передаётся через эту форму именно type="text" и всё остальное зависит от скрипта который будет его обрабатывать.
2 PRosTo_LEva а вот qbz меня понял и ответил на похожее сообщение http://forum.antichat.ru/showpost.php?p=2671104&postcount=1886 спасибо за твой ответ)
У меня вопрос , читаю этот учебник : http://www.firststeps.ru/html/tutor/r.php?16 , просто он наверное не для новичков , и не могу понять как настроить апач чтобы заработал ssi . Когда я пишу эти строки в html коде <!--#config sizefmt="bytes" timefmt="%A %y %X" --> <p>File size : <!--#fsize file="index.html" --> <p>Last modyfied : <!--#flastmod file="index.html" --> Мне не показывает это : File size : 1,958 Last modyfied : Thursday 99 19:25:16 А написано только File size и Last modyfied , а после них пусто. Я переименовывал на .shtml но этот файл появляется у меня как файл txt, но при этом пишет что файл .shtml , делал как написано в статье зашел в httpd.conf и добавил нужные две строчки в самом низу только вот где создавать файл .htaccess , я не нашел у себя папки ssi. Что мне делать ? Хочется закончить читать статью но у меня дальше этой страницы ничего не получается как не пытаюсь. Сам язык легкий только вот как сделать чтобы то что я писал отображалось на страничке? Подскажите новичку.
Я не очень понимаю в этом но я использую Apache HTTP Server 2.2, ты это имеешь виду? И я очень хочу до конца выучить этот язык, по этому мне важно чтобы у меня все получилось. Спасибо за желание помочь.
Бро, рекомендую тогда чтоб тебе не мучаться, снести апач свой голый, зайти сюда http://www.denwer.ru/ и скачать такую хрень для новичков, там всё в одном флаконе, установка проста, и самое приятное, что твой "этот язык" уже включен там по дефолту, желательно использовать расширение .shtml Удачи!
Спасибо за полезный совет , я всетаки уже закончил читать этот учебник. Если будут в будущем еще проблемы я скачаю денвер .
Все прочитал. Просто из того что там написано про ssi то я понял что это не такие важные вещи поэтому не проблема если я это и не испробую у себя на компе , прочитал и пошел читать дальше чтобы не задерживаться на месте. Я решил стать хакером ) Вот и начал учиться. Поэтому я не брошу.
Ну, то что там написано - да. Но ведь SSI умеет исполнять системные команды, например wget, что для хакера очень важно...
Там это для начинающих, но я думаю когда я буду углублятся в то что я собераюсь учить то я тогда уже и выучу то чего в учебниках для начинающих не написано . Большое спасибо тебе за желание помочь.
Как замутить обращение к определённой строке стороннего сайта? Например, есть своя страничка, на ней должно быть поле (например строка чата). То есть если ввести "mail", на сайте должен выползти ответ из чата... Можно ли реализовать?! Или это все не очень понятно и надо объяснить проблему подробней?!
Смотри на каком то сайте, о котором ты говоришь, есть инфа, которую ты хочешь получить. Предположим это сервис какой - то, на котором нужно залогиниться, затем получить данные которые тебе нужно. Как известно каждая страница в интернете представляет собой HTML код, и именно в нем будет хранится ( В html коде страницы ) информация, которая тебе нужна. Теперь более практичнее. Вытягивать инфу можно с помощью PHP и библиотеки CURL . С помощью curl мы получаем HTML код страницы, где есть нужная инфа, предварительно изучив этот HTML код мы узнаем где находится ( Между какими тегами и т. д. ) нужная инфа и с помощью например функции preg_match() и регулярного выражения вытягиваем нужную информацию в переменную.
у html шаблона появился отступ с верху, как его пофиксить ? всё перепробовал, от отступа не избавился
Дай кусок кода в начале. У меня была ситуация, когда образовывался отступ, код был примерно таким: HTML: <div id="wrap"> <h1>Заголовок</h1> </div> Так вот отступ делал тег h1, решалось так: HTML: #wrap h1 { margin: 0; paddong: 0; border: 0; }
PHP: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Contact</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="description" content="Contact us page - free business website template available at TemplateMonster.com for free download."/> <link href="style.css" rel="stylesheet" type="text/css" /> <link href="layout.css" rel="stylesheet" type="text/css" /> <script src="maxheight.js" type="text/javascript"></script> <!--[if lt IE 7]> <link href="ie_style.css" rel="stylesheet" type="text/css" /> <![endif]--> </head> <body id="page6" onload="new ElementMaxHeight();"> <!-- header --> <div id="header"> <div class="container"> <div class="row-1"> <div class="logo"><a href="index.html"><img alt="" src="images/logo.jpg" /></a></div> <ul class="top-links"> <li><a href="index.html"><img alt="" src="images/top-icon1.jpg" /></a></li> <li><a href="#"><img alt="" src="images/top-icon2.jpg" /></a></li> <li><a href="contact-us.html"><img alt="" src="images/top-icon3.jpg" /></a></li> </ul> </div> <div class="row-2"> <!-- nav box begin --> <div class="nav-box"> <div class="left"> <div class="right"> <ul> <li><a href="index.html" class="first"><em><b>HOME</b></em></a></li> <li><a href="about-us.html"><em><b>ABOUT US</b></em></a></li> <li><a href="solutions.html"><em><b>SOLUTIONS</b></em></a></li> <li><a href="partners.html"><em><b>PARTNERS</b></em></a></li> <li><a href="consulting.html"><em><b>CONSULTING</b></em></a></li> <li><a href="contact-us.html" class="last-current"><em><b>CONTACT US</b></em></a></li> </ul> </div> </div> </div> <!-- nav box end --> </div> </div> </div> <!-- content --> <div id="content"> <div class="container"> <!-- main-banner-small begin --> <div class="main-banner-small"> <div class="inner"> <h1>Even the biggest success Starts with a first step</h1> </div> </div> <!-- main-banner-small end --> <div class="section"> <!-- box begin --> <div class="box"> <div class="border-top"> <div class="border-right"> <div class="border-bot"> <div class="border-left"> <div class="left-top-corner"> <div class="right-top-corner"> <div class="right-bot-corner"> <div class="left-bot-corner"> <div class="inner"> <h2>Contact Us</h2> <p>BigBusiness is always open for communication on whatever questions you may have. So in case you do have questions (as we assume) just go ahead and complete the form below to let us know.</p> <p>Usually we respond within 24 hours but who knows...</p> <form id="contacts-form" action=""> <fieldset> <div class="field"><label>Full Name:</label><input type="text" value=""/></div> <div class="field"><label>E-mail:</label><input type="text" value=""/></div> <div class="field"><label>Title:</label><input type="text" value=""/></div> <div class="field"><label>Message:</label><textarea cols="" rows=""></textarea></div> <div class="alignright"><a href="#" class="button" onclick="document.getElementById('contacts-form').submit()"><em><b>Submit</b></em></a></div> </fieldset> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- box end --> </div> <div class="wrapper"> <div class="col-1 maxheight"> <!-- box begin --> <div class="box maxheight"> <div class="border-top maxheight"> <div class="border-right maxheight"> <div class="border-bot maxheight"> <div class="border-left maxheight"> <div class="left-top-corner maxheight"> <div class="right-top-corner maxheight"> <div class="right-bot-corner maxheight"> <div class="left-bot-corner maxheight"> <div class="inner"> <h2>Give Us a Call</h2> <ul class="phones-list"> <li><strong>Phone:</strong> 1 800-BIG_BIZ</li> <li><strong>New York:</strong> 1 800-3122-877</li> <li><strong>LA:</strong> 651 9823-123-423</li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- box end --> </div> <div class="col-2 maxheight"> <!-- box begin --> <div class="box maxheight"> <div class="border-top maxheight"> <div class="border-right maxheight"> <div class="border-bot maxheight"> <div class="border-left maxheight"> <div class="left-top-corner maxheight"> <div class="right-top-corner maxheight"> <div class="right-bot-corner maxheight"> <div class="left-bot-corner maxheight"> <div class="inner"> <h2>Our Offices</h2> <p>New York: 35th st., 1243, 3rd floor</p> LA: Cypress Blvd, 90210, (beware of the dog) </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- box end --> </div> <div class="col-3 maxheight"> <!-- box begin --> <div class="box maxheight"> <div class="border-top maxheight"> <div class="border-right maxheight"> <div class="border-bot maxheight"> <div class="border-left maxheight"> <div class="left-top-corner maxheight"> <div class="right-top-corner maxheight"> <div class="right-bot-corner maxheight"> <div class="left-bot-corner maxheight"> <div class="inner"> <h2 class="alt">Alternative Contact Way</h2> There has to be some other way to contact your company, right? Well be sure to let the audience know. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- box end --> </div> </div> </div> </div> </body> </html> вот html а вот css: layout.css: PHP: .container {width:950px;margin:0 auto} #header {height:194px;background:url(images/header-bg.gif) left top repeat-x #fff} #header, #content, #extra-content, #footer {font-size:0.75em} .col-1, .col-2, .col-3 {float:left} /* index.html */ #page1 #content .col-1 {width:302px;margin-right:22px} #page1 #content .col-2 {width:302px;margin-right:22px} #page1 #content .col-3 {width:302px} #page1 #extra-content .col-1 {width:464px;margin-right:22px} #page1 #extra-content .col-2 {width:464px} /* index-2.html */ #page3 #content .col-1 {width:302px;margin-right:22px} #page3 #content .col-2 {width:302px;margin-right:22px} #page3 #content .col-3 {width:302px} /* index-4.html */ #page5 #content .col-1 {width:302px;margin-right:22px} #page5 #content .col-2 {width:626px} /* index-5.html */ #page6 #content .col-1 {width:302px;margin-right:22px} #page6 #content .col-2 {width:302px;margin-right:22px} #page6 #content .col-3 {width:302px} #footer {background:url(images/footer-bg.gif) left top repeat-x #717171} style.css PHP: * {margin:0;padding:0} html,body {height:100%} body {background:#717171;font-family:Tahoma,Geneva,sans-serif;font-size:100%;line-height:1em;color:#404141} input,select,textarea {font-family:Tahoma,Geneva,sans-serif;font-size:1em} .fleft {float:left} .fright {float:right} .clear {clear:both} .alignright {text-align:right} .aligncenter {text-align:center} .wrapper {width:100%;overflow:hidden} .container {width:100%} p {margin-bottom:16px} /* forms */ input,select {vertical-align:middle;font-weight:normal} img {border:0;vertical-align:top;text-align:left} object {vertical-align:top} #contacts-form {clear:right;width:100%;overflow:hidden} #contacts-form fieldset {border:none;float:left} #contacts-form .field {clear:both;padding-bottom:7px;width:100%;overflow:hidden} #contacts-form label {float:left;width:79px;color:#2cb6e9;font-weight:bold} #contacts-form input {width:240px;padding:2px 0 2px 3px;border:1px solid #d9d9d9;background:none} #contacts-form textarea {width:790px;height:192px;border:1px solid #d9d9d9;background:none;padding:2px 0 2px 3px;margin-bottom:15px;overflow:auto} #contacts-form .button {width:150px;float:right} /* list */ ul {list-style:none} .list1 li {padding-bottom:32px} .list1 li p {margin-bottom:6px} .list1 li a {font-weight:bold} .list2 {padding:4px 0 10px 0} .list2 li {width:100%;overflow:hidden;padding-bottom:20px} .list2 li.last {padding-bottom:0 !important} .list2 li img {float:left;margin-right:20px} .list2 li h5 {padding-top:6px} .list2 li h6 {padding-top:15px} .list3 li {list-style-type:disc;list-style-position:inside;padding-bottom:15px} .list3.color1 li {color:#58b01f} .list3.color2 li {color:#ff8002} .list3.color3 li {color:#f32e10} .list3 li span {color:#404141 !important} .list4 dt {font-weight:bold;margin-bottom:16px;color:#2cb6e9} .list4 dd {padding-bottom:16px} .carousel {width:100%;overflow:hidden} .carousel li {float:left;margin-right:15px} .carousel li.prev {margin-right:17px;padding-top:74px} .carousel li.next {margin-right:0;padding-top:74px} .phones-list li {width:100%;overflow:hidden;padding-bottom:16px} .phones-list li strong {float:left;width:69px;color:#2cb6e9} /* other */ .img-indent {margin:0 20px 0 0;float:left} .img-indent.fright {float:right;margin:0 0 0 20px} .img-indent.alt {margin-bottom:30px} .img-box {width:100%;overflow:hidden;padding-bottom:20px} .img-box img {float:left;margin:0 20px 0 0} .extra-wrap {overflow:hidden} /* txt,links,lines,titles */ a {color:#2cb6e9;outline:none} a:hover{text-decoration:none} h1 {font-size:3em;line-height:1em;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;color:#fff;font-weight:normal;letter-spacing:-1px;width:400px;margin-bottom:42px} h2 {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:22px;line-height:1em;font-weight:normal;margin-bottom:23px;color:#515151} h2.alt {letter-spacing:-1px} h3 {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1.5em;line-height:1.1em;margin-bottom:10px} h4 {font-size:.91em;margin-bottom:10px} h4 strong {font-size:1.1em;color:#2cb6e9;display:block} h5 {font-size:1em;margin-bottom:5px} h6 {font-size:1em;font-weight:normal} .txt1 {color:#2cb6e9} /* header */ #header .row-1 {height:137px} #header .logo {float:left;padding:22px 0 0 10px} #header .top-links {float:right;padding:45px 35px 0 0} #header .top-links li {float:left;margin-left:8px} #header .nav-box {background:url(images/nav-box-bg.gif) left top repeat-x;width:100%} #header .nav-box .left {background:url(images/nav-box-left.gif) no-repeat left top} #header .nav-box .right {background:url(images/nav-box-right.gif) no-repeat right top;height:47px} /* header navigation */ #header .nav-box ul {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif} #header .nav-box ul li {display:inline} #header .nav-box ul li a {display:block;float:left;color:#fff;text-decoration:none} #header .nav-box ul li a em {display:block;float:left;font-style:normal;background:url(images/divider-left.gif) no-repeat left 10px} #header .nav-box ul li a em b {display:block;float:left;height:47px;line-height:47px;width:158px;text-align:center;background:url(images/divider-right.gif) no-repeat right 10px;cursor:pointer} #header .nav-box ul li a:hover {background:url(images/nav-act.gif) left top repeat-x} #header .nav-box ul li a:hover em {background:url(images/divider-left-act.gif) no-repeat left 10px} #header .nav-box ul li a:hover b {background:url(images/divider-right-act.gif) no-repeat right 10px} #header .nav-box ul li a.current {background:url(images/nav-act.gif) left top repeat-x} #header .nav-box ul li a.current em {background:url(images/divider-left-act.gif) no-repeat left 10px} #header .nav-box ul li a.current b {background:url(images/divider-right-act.gif) no-repeat right 10px} #header .nav-box ul li a.first em {background:none} #header .nav-box ul li a.first:hover em {background:url(images/nav-left-act.gif) no-repeat left top} #header .nav-box ul li a.first-current {background:url(images/nav-act.gif) left top repeat-x} #header .nav-box ul li a.first-current em {background:url(images/nav-left-act.gif) no-repeat left top !important} #header .nav-box ul li a.first-current b {background:url(images/divider-right-act.gif) no-repeat right 10px} #header .nav-box ul li a.last b {background:none;width:163px} #header .nav-box ul li a.last:hover b {background:url(images/nav-right-act.gif) no-repeat right top} #header .nav-box ul li a.last-current {background:url(images/nav-act.gif) left top repeat-x} #header .nav-box ul li a.last-current em {background:url(images/divider-left-act.gif) no-repeat left 10px} #header .nav-box ul li a.last-current b {background:url(images/nav-right-act.gif) no-repeat right top !important;width:160px} /* content */ #content {padding:0 0 20px 0;background:#fff} #content .section {padding-bottom:20px} #content .button {background:url(images/button-bg.gif) left top repeat-x;display:block;text-align:center;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;text-transform:uppercase} #content .button em {display:block;font-style:normal;background:url(images/button-left.gif) no-repeat left top} #content .button em b {display:block;height:35px;line-height:35px;background:url(images/button-right.gif) no-repeat right top;cursor:pointer} #content .button:hover {color:#000} #content .button1 {background:url(images/button1-bg.gif) left top repeat-x;display:block;text-align:center;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;text-transform:uppercase} #content .button1 em {display:block;font-style:normal;background:url(images/button1-left.gif) no-repeat left top} #content .button1 em b {display:block;height:35px;line-height:35px;background:url(images/button1-right.gif) no-repeat right top;cursor:pointer} #content .button1:hover {color:#000} #content .button2 {background:url(images/button2-bg.gif) left top repeat-x;display:block;text-align:center;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;text-transform:uppercase} #content .button2 em {display:block;font-style:normal;background:url(images/button2-left.gif) no-repeat left top} #content .button2 em b {display:block;height:35px;line-height:35px;background:url(images/button2-right.gif) no-repeat right top;cursor:pointer} #content .button2:hover {color:#000} #content .button3 {background:url(images/button3-bg.gif) left top repeat-x;display:block;text-align:center;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;text-transform:uppercase} #content .button3 em {display:block;font-style:normal;background:url(images/button3-left.gif) no-repeat left top} #content .button3 em b {display:block;height:35px;line-height:35px;background:url(images/button3-right.gif) no-repeat right top;cursor:pointer} #content .button3:hover {color:#000} .ic, .ic a {border:0;float:right;background:#f00;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-50% 0 0 0;overflow:hidden;padding:0} .main-banner-big {background:url(images/main-banner-big.jpg) no-repeat left top;width:950px;height:303px;margin-bottom:20px} .main-banner-big .inner {padding:70px 0 0 52px} .main-banner-big .button {background:url(images/button.jpg) no-repeat left top !important;width:170px;height:36px;line-height:32px;float:left;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1.75em;text-align:center;color:#fff;text-decoration:none;text-transform:none !important} .main-banner-big .button:hover {color:#000} .main-banner-small {background:url(images/main-banner-small.jpg) no-repeat left top;width:950px;height:163px;margin-bottom:20px} .main-banner-small .inner {padding:47px 0 0 52px} .main-banner-small h1 {font-size:30px;width:350px} /* extra-content */ #extra-content {background:#ededed;border-bottom:1px solid #fff;padding:20px 0 29px 0} #extra-content .section {padding-bottom:20px} #extra-content .box {background:url(images/box1-bg.gif) left top repeat-x #fff;width:100%} #extra-content .box .border-top {background:url(images/border.gif) repeat-x top} #extra-content .box .border-bot {background:url(images/border.gif) repeat-x bottom} #extra-content .box .border-left {background:url(images/border.gif) repeat-y left} #extra-content .box .border-right {background:url(images/border.gif) repeat-y right} #extra-content .box .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top} #extra-content .box .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top} #extra-content .box .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom;width:100%} #extra-content .box .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom} /* boxes */ .box {background:url(images/box-bg.gif) left top repeat-x;width:100%} .box .border-top {background:url(images/border.gif) repeat-x top} .box .border-bot {background:url(images/border.gif) repeat-x bottom} .box .border-left {background:url(images/border.gif) repeat-y left} .box .border-right {background:url(images/border.gif) repeat-y right} .box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top} .box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top} .box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;width:100%} .box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom} .box .inner {padding:27px 35px 30px 34px} .box1 {background:#ededed;width:100%} .box1 .border-top {background:url(images/border-top.gif) repeat-x top} .box1 .border-bot {background:url(images/border-bot.gif) repeat-x bottom} .box1 .border-left {background:url(images/border-left.gif) repeat-y left} .box1 .border-right {background:url(images/border-right.gif) repeat-y right} .box1 .left-top-corner {background:url(images/left-top-corner2.gif) no-repeat left top} .box1 .right-top-corner {background:url(images/right-top-corner2.gif) no-repeat right top} .box1 .left-bot-corner {background:url(images/left-bot-corner2.gif) no-repeat left bottom;width:100%} .box1 .right-bot-corner {background:url(images/right-bot-corner2.gif) no-repeat right bottom} .box1 .inner {padding:27px 35px 30px 34px} .dept-list {float:left} .dept-list dd {clear:both;text-align:right} .dept-list dd span {float:left;padding-right:25px} .dept-list dd p {text-align:left} /* footer */ #footer {color:#fff;padding:27px 0 30px 0} #footer .nav {text-align:center;padding-bottom:30px} #footer .nav li {display:inline} #footer .nav li a {color:#fff;padding:0 52px 0 49px} #footer .fleft {padding:0 0 0 44px} #footer .fright {padding:0 44px 0 0} когда делал так и не успел отследить от чего это случилось ...
Есть код: HTML: <!DOCTYPE html> <html> <head> <title>Test</title> <style> *{ margin: 0; padding: 0; } html{ height: 100%; width: 100%; } body{ background: #123; overflow-y: scroll; height: 100%; width: 100%; } div { float: left; } .c0{ width: 600px; margin: 100px auto 10px; float: none; } .c1{ height: 26px; width: 26px; background: #752633; } .c2{ height: 26px; width: 100px; background: #547823; } .c3{ height: 26px; width: 26px; background: #687243; } .c4{ height: 100%; width: 26px; background: #134687; float: none; } .c6{ height: 100%; width: 26px; background: #473299; } .c5 { background: #DCDCDC; width: 100px; } </style> </head> <body> <div class='c0'> <div class='c1'></div> <div class='c2'></div> <div class='c3'></div> <div class='c4'> </div> <div class='c5'> 111<br>111<br>111<br>222 </div> <div class='c6'> </div> </div> </body> </html> Как сделать что бы c1 c2 c3 были на первой строке, а c4 c5 c6 на второй? Сейчас 1 c2 c3 на первой строке, с4 на второй, с5 с6 на третей --add Добился переноса с помощью HTML: <div style="clear: left"></div> Теперь другая проблема, как заставить c4 и c6 занять все свободную высоту? Без таблицы и JS
