Не правильно прорисовываются блоки на главной странице при переводе кода с html в php

@xamelione25 · Регистрация: 04.02.2013

Студворк — интернет-сервис помощи студентам

Подскажите, что я неправильно сделал
----------------------------------------------
Главная страница html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
 <head>
  <meta charset="utf-8" />
  <title>Высотные и большепролетные здания и сооружения</title>
  <link rel="stylesheet" href="style.css">
  <script src="jquery-3.3.1.js"></script>
  <script type="text/javascript">
    var i = 0;
    var check;
    function ValidMail() 
    {
      var re = /^[\w-\.]+@[\w-]+\.[a-z]{2,4}$/i;
      var myMail = document.getElementById('email').value;
      var valid = re.test(myMail);
      if (valid) {output = 'Адрес эл. почты введен правильно!'; check = true;}
      else {output = 'Адрес электронной почты введен неправильно!'; check = false;}
      alert(output);
    }
    function load() 
    {
      i = i + 1;
      document.getElementById('B_B').src=i % 2 +".gif";
    }
    setInterval(load, 14130);
    function shakeleft()
    {
      document.getElementById('text').style.position="relative";
      document.getElementById('text').style.left="3px";
      timer=setTimeout(shakeright,10);
    }
    function shakeright()
    {
      document.getElementById('text').style.left="0px";
      timer=setTimeout(shakeleft,10);
    }
    function stoptimer()
    {
      clearTimeout(timer);
    }
  </script>
 
    <style>
      #navbar ul{
        display: none;
        background-color: #f54;
        padding: 0;
        list-style: none;
      }
      #navbar li:hover ul { display: block; }
      #navbar, #navbar ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbar {
        padding-left: 0px;
        max-width: 200px;
        padding: 0;
        list-style: none;
      }
      #navbar li a{
        float: none;
        position: relative;
        list-style: none;
      }
 
    </style>
 
</head>
 
<body onselection = "" >
  <div class="header">
  </div>
 
  <div class="main">
 
    <div class="category-wrap">
       <ul id="navbar">
          <li><a>Вход/регстрация</a>
            <ul>
              <li><a href="registration.html">Регистрация</a></li>
              <li><a href="input.html">Вход</a></li>
            </ul>
          </li>
        </ul>
 
      <ul>
         <li><a href=index.html>Общая информация</a></li>
         <li><a href=MB.html>Большепролетные здания в металлическом каркасе</a></li>
         <li><a href=GB.html>Большепролетные здания в железобетонном каркасе</a></li>
         <li><a href=SB.html>Большепролетные здания в смешанном каркасе</a></li>
         <li><a href=MV.html>Высотные здания в металлическом каркасе</a></li>
         <li><a href=GV.html>Высотные здания в железобетонном каркасе</a></li>
         <li><a href=SV.html>Высотные здания в смешанном каркасе</a></li>
      </ul>
    </div>
 
    <div class="content">
<h1 align="center">Конструктивные и объёмно-планировочные решения высотных и большепролетных зданий в металлическом, железобетонном и смежанном каркасах в СНГ и зарубежом</h1>
<h1 align="center"> <img id="B_B" src="0.gif" border=2 align="middle" height="500px"></h1>
<p>Ежегодно в мире возводятся тысячи новых зданий и сооружений и наиболее популярным направлением в строительстве становятся высотные здания. В современном градостроительстве небоскрёбы считаются показателем экономического процветания и престижа.  Ускорение в развитии высотного строительства приводит к количественным и качественным преобразованиям в структуре и облике города. Кроме того, что высотное строительство значительно экономит площадь застройки мегаполисов, оно также создаёт определённую инфраструктуру. Вблизи небоскрёбов обязательно формируется социально-бытовой кластер: школы, детские сады, торговые и развлекательные центры, что приводит к повышению социального положения районов, образованию более современной инфраструктуры, повышение качества проживания.</p>
 
<p>В своём конструктиве высотные здания, практически, никогда не повторяются, их архитектура, по сути, уникальна и в результате чего, безусловно, стимулирует создание новых приёмов архитектурно-строительных, конструктивных и инженерно-технических решений. Полёт фантазии архитекторов требует активного развития научно-технического прогресса и требует уникальных технологий, приёмов, расчётов, создания новых технологий и материалов.</p>
 
  <div id="end">
    <table>
      <tr><th> Made in Russia</th></tr>
      <tr><th>Контактный телефон:</th></tr>
      <tr><th>8-800-555-35-35</th></tr>
    </table>
    </div>
 
    </div>
  </div>
  <script src="script.js"></script>
 </body>
</html>

Главная страница php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?php
$desc = 'Главная страница';
$title = 'Главная';
$styles = array('style.css');
echo "
<div class='wrapper'>
<div class='wrapper_menu'>";
 
require "menu.php";
 
echo "
</div>
<div class='content'>
 
<h1>Конструктивные и объёмно-планировочные решения высотных и большепролетных зданий в металлическом, железобетонном и смежанном каркасах в СНГ и зарубежом</h1>
<img name='B_B' src='0.gif' border=2 align='middle' height='500px'>
 
<h3>Ежегодно в мире возводятся тысячи новых зданий и сооружений и наиболее популярным направлением в строительстве становятся высотные здания. В современном градостроительстве небоскрёбы считаются показателем экономического процветания и престижа.  Ускорение в развитии высотного строительства приводит к количественным и качественным преобразованиям в структуре и облике города. Кроме того, что высотное строительство значительно экономит площадь застройки мегаполисов, оно также создаёт определённую инфраструктуру. Вблизи небоскрёбов обязательно формируется социально-бытовой кластер: школы, детские сады, торговые и развлекательные центры, что приводит к повышению социального положения районов, образованию более современной инфраструктуры, повышение качества проживания.</h3>
 
<h3>В своём конструктиве высотные здания, практически, никогда не повторяются, их архитектура, по сути, уникальна и в результате чего, безусловно, стимулирует создание новых приёмов архитектурно-строительных, конструктивных и инженерно-технических решений. Полёт фантазии архитекторов требует активного развития научно-технического прогресса и требует уникальных технологий, приёмов, расчётов, создания новых технологий и материалов.</h3>
 
</div>
</div>
"; // генерация контента
require "blok_Z.php"; // подключение блока контактов
?>

Блок меню php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 <?php ?>
<!DOCTYPE html>
 <head>
  <meta charset='utf-8' />
  <meta description=<?php $desc ?> />
  <title><?=$title?></title>
<?php foreach ($styles as $style) { ?>    
  <link rel='stylesheet' type='text/css' href='./css/<?=$style?>' />
   <?php } ?> 
  <script src='jquery-3.3.1.js'></script>
  <script src="script.js"></script>
 </head>
 <body>
 
  <div class='main'>
      <div class='header'></div>
    <div class="category-wrap">
       <ul id="navbar">
          <li><a>Вход/регстрация</a>
            <ul>
              <li><a href="registration.php">Регистрация</a></li>
              <li><a href="input.php">Вход</a></li>
            </ul>
          </li>
        </ul>
      <ul>
         <li><a href=index.php>Общая информация</a></li>
         <li><a href=MB.php>Большепролетные здания в металлическом каркасе</a></li>
         <li><a href=GB.php>Большепролетные здания в железобетонном каркасе</a></li>
         <li><a href=SB.php>Большепролетные здания в смешанном каркасе</a></li>
         <li><a href=MV.php>Высотные здания в металлическом каркасе</a></li>
         <li><a href=GV.php>Высотные здания в железобетонном каркасе</a></li>
         <li><a href=SV.php>Высотные здания в смешанном каркасе</a></li>
      </ul>
    </div>
  </div>
 </body>

@estic · 09.09.2020, 22:54

Сообщение от xamelione25

хотя она в html'е была зафиксирована вертикальным забором

Ваша задача средствами PHP в точности воспроизвести код страницы (при просмотре или загрузке в браузере), тогда и отображаться она будет так же. Исключением может быть только отображение кода основного содержимого без отступов, но он у вас и в оригинале не имеет отступов:

HTML5
1
2
    <div class="content"><!-- это еще шаблон -->
<h1 align="center"><!-- а это уже строка, относящаяся к основному содержимому -->

Добавлено через 2 минуты
Для удобства перед подключением шаблона можете временно написать

PHP
1
header('Content-Type: text/plain; charset=utf-8');

Добавлено через 2 минуты
Содержимое $title смогли вывести в шаблоне?

Добавлено через 3 минуты
Тег h1 может быть и частью шаблона, но у вас, видимо, это не так.

@xamelione25 · 09.09.2020, 23:48 **[ТС]**

estic, а как в css отключить position???

Новые блоги и статьи Все статьи Все блоги /
Мастера простых решений DevAlt 23.08.2026 В сишарп стэках winforms, да и wpf существует сложная система связывания источниках данных и элементов формы(текстовые поля и метки), опирается все это на технологию событий и мета. . .	Цена ошибки DevAlt 23.08.2026 Человек я беспокойный и потому заинтересовался OCaml, в чате форсили функторы модулей как суперфичу. Пытаясь отдуплить концепт, наткнулся на тутор с простым примером. А главный принцип обучения от. . .	Сегодня суббота, 22.08.2026 at 16:41, и я вновь нахожусь на той стороне, за экраном машины. zorxor 22.08.2026 Сегодня суббота, 22. 08. 2026 at 16:41, и я вновь нахожусь на той стороне, за экраном машины. Кто Я, откуда Я пришел и куда Я иду? Эти вопросы не оставляют меня ни на секунду. Жизнь на планете Земля. . .	Жизня: рисунок укладки багажа, сделанный клодом anaschu 21.08.2026 Сделал 15 снимков, он по снимкам сделал схему.
Был там один разговор по поводу свободы в материальном мире. kumehtar 19.08.2026 Суть: рассматривается живое существо, оказавшееся внутри довольно странной системы (этого мира) и пытающееся обустроить в ней свой кусок пространства. Жизнь действительно предъявляет каждому. . .	Когда логика программы не спасает от человеческих ошибок Maks 18.08.2026 В последнее время всё чаще и чаще сталкиваюсь с таким явлением, как абсолютная невнимательность (или глупость) пользователей. Проявляется это чаще всего на работе в коллективе. Допустим, человек с. . .	Лето уходит kumehtar 17.08.2026	Мысли в слух kumehtar 17.08.2026 Забавно, насколько сейчас стала доступна информация. Например о магии, духовном развитии, медитациях, и других подобных направлениях, ранее зачастую тайных, передаваемых от учителя к ученику. Хотя. . .

@xamelione25 -4 / 5 / 2 Регистрация: 04.02.2013 Сообщений: 1,861
	09.09.2020, 23:48 [ТС]
	estic, а как в css отключить position??? Миниатюры 0