Создание web-узла для ознакомления с обучающим циклом лабораторных работ по программному пакету 3ds Max 2009, страница 4

          echo "<tr><td width=300 align=center><p>Посетитель ".$row['Name']."</br>".$row['Date']."</b>

    </td><td>".$row['Comment']."</td></tr>"; 

}

echo "</table><br/>";

if($_REQUEST['name']!=''){

     //Форма заполнена - выведем сообщение

     echo "<h4>Комментарий оставлен!</h4><br/><a href=\"index.html\">Вернуться на главную страницу</a><br/>";}

  else{

          //Выведем форму

          echo "<table bgcolor=\"#d6e6f0\" width=745 cellpadding=10><tr><td align=center>

          <h2>Оставить запись в гостевой книге</h2>

          <form action=\"Guest.php\" method=post>

          <input type=hidden name=id value=".$_REQUEST['id'].">

          Имя: <input type=text name=name><br/><br/>

          Комментарий:<br/><textarea name=comment cols=40 rows=8></textarea><br/><input type=submit value=\"Оставить комментарий\">

          </form></td></tr></table>";

     }

?>

  </div>

  <div id="sections">

    <h2>Разделы</h2>

    <ul>

      <li><a href="index.html">Главная</a>

      <li><a href="lab1.html">Лаб1</a>

      <li><a href="partners/">Лаб2</a>

      <li><a href="achievments/">Лаб3</a>

      <li><a href="ringtones/">Лаб4</a>

      <li><a href="Guest.php">Гостевая книга</a>    

    </ul>

  </div>

  <div id="news">

    <h2>Дополнительно</h2>

  </div>

</div>

<div id="meta">

  <p>Белоусов Михаил, Ам-610, &copy; 2010

  <p>По вопросам работы сайта обращайтесь по e-mail: <a href="mailto:mixa2705@mail.ru">mixa2705@mail.ru</a>

</div>

</html>

Файл «ya.css»

/* Раскладка ******************/

html {

  height:100%;

}

body {

  padding:0;

  margin:0 50px;

  min-height:100%;

  position:absolute; z-index:0;

}

#body2 {

  position:absolute;

  height:100%; width:100%; z-index:-1;

}

#meta {

  position:absolute; bottom:0;

  height:40px; width:100%;

  padding:1px 0;

}

#content {

  padding-bottom:42px;

}

#main {

  float:left; width:65%;

  margin-left:20%;

}

#sections {

  float:left; width:20%; margin-left:-85%;

}

#news {

  float:right; width:15%;

}

#content {

  overflow:hidden; width:100%;

}

h1 {

  margin:0; padding:20px;

}

h2 {

 padding:1px 1px 1px 5px;

}

h3 {

  margin:0; padding:20px;

}

/* Шрифты *******************/

body {

  font:10pt Tahoma, Sans-Serif;

}

h1 {

  font-size:180%;

  letter-spacing:1px;

}

#main h2 {

  font-size:130%;

}

#sections,

#news {

  font-size:80%;

}

#sections h2,

#news h2 {

  font-size:125%; font-weight:bold;

  text-transform:uppercase;

}

#news h3 {

  font-size:100%; font-weight:bold;

}

#meta {

  font-size:70%;

}

/* Цвета ******************/

html {

  background:url(window-bg.png) #EEE;

}

body {

  background:url(left-body-bg.png) 20% 0 repeat-y;

  color:black;

}

#body2 {

  background:url(right-body-bg.png) 71.5% 0 repeat-y;

}

#title {

  background:url(title-bg.png) left top repeat-x;

  color:white;

}

#meta,

#meta a {

  background:#7ba05b;

  color:white; 

}

#sections li a {

  background:#7ba05b;

  color:white;

  border-color:white;

}

#sections li a:hover {

  background:blue;

}

#news {

  color:#293499;

}

#news h2 {

  background:url(news-head-bg.png) #DDE6FF left top repeat-x;

}

#main h2 {

  color:#293499;

}

#main .picture {

  border-color:#98FB98;

}

h1 {

  background:url(splash.bmp) left top no-repeat;

  padding-left:100px;

}

/* Остальное ********************/

#sections ul {

  list-style:none;

  margin:50px 0; padding:0;

}

#sections li a {

  display:block;

  margin:5px 0; padding:2px 5px;

  border-style:solid; border-width:1px 0;

  text-decoration:none;

}

#main h2, #main p {

  margin-left:15px;

  margin-right:15px;

}

#main h2 {

  margin-top:20px; margin-bottom:10px;

}

#main .picture {

  float:left;

  padding:5px;

  border-style:solid; border-width:1px;

  margin:0 10px 10px 0;

}

#meta p {

  margin:5px;

}