Не получается сделать верстку по образцу

@IceandFrost · Регистрация: 17.12.2015

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

Не получается сделать по образцу,подскажите пожалуйста,что надо подправить

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
<style type="text/css">
   TABLE {
    border-collapse: collapse; /* Убираем двойные границы между ячейками */
    border: 2px solid #000; /* Рамка вокруг таблицы */
   }
   TD, TH {
    padding: 5px; /* Поля вокруг текста */
    border: 2px solid black; /* Рамка вокруг ячеек */
   }
   TD {
    background: gray; /* Цвет фона ячеек */
    text-align: center;
   }
   TH {
   background: gray;
   }
  </style>
 </head>
<body>
<table width="50%" border="1" align="center" cellpadding="4" cellspacing="2" >
<caption align="left"><H1><B>Анкета<B></H1></caption>
<P><U>Заполните предлагаемую анкету для участия в конкурсе архитекторов.<U><P>
<<form method="post" ACTION="mailto:labipoinformatike@yandex.ru" enctype="text/plain">
<tr><td><B>Имя</B></tr></td><tr><td><form><input name="CustName" type="text" size="40" placeholder="Имя"><form></P></tr></td>
<tr><td><P align="left"><B>Город</B></tr></td><tr><td><form><input name="City" type="text" size="40"placeholder="Город"><form></P></tr></td>
<tr><td><P align="left"><B>Страна</B><SELECT NAME="selectcounty">
<OPTION VALUE="Russia"> Россия
<OPTION VALUE="Ukraina"> Украина
<OPTION VALUE="Azerbaijan"> Азербайжан
<OPTION VALUE="Mongolia" SELECTED> Монголия</SELECT></P></tr></td>
<tr><th><P align="left"><B>Пол</B></tr></th><tr><th><Input Type="RADIO" Name="Pol" Value="Мужской" CHECKED> М
<Input Type ="RADIO" Name="Pol" Value ="Женский"> Ж</P></tr></th>
<tr><th><P align="left"><B>Род занятий</B></tr></th><tr><th><SELECT NAME="hobbi" SIZE="4" MULTIPLE>
<option value="Рисование"> Рисование
<option value="Пение"> Пение
<option value="Разведение рыбок"> Разведение рыбок
<option value="Гудение"> Гудение</SELECT></P></tr></th>
<tr><th><P align="left"><B>Доход</B></tr></th><tr><th><SELECT NAME="Доход">
<OPTION VALUE="<100"> <100 
<OPTION VALUE="100...200"> 100...200
<OPTION VALUE="200...500"> 200...500
<OPTION VALUE="500...1000"> 500...1000
<OPTION VALUE="1000...1500" SELECTED> 1000...1500</SELECT></P></tr></th>
<tr><th><P align="left"><B>Ваши комментарии</B></tr></th><tr><th><input name="Komment" type="TEXT" size="20" maxlength=”500”></P></tr></th>
<input type="SUBMIT" value="Отправить">
<input type="RESET" value="Очистить">
</td></tr>
  </table>
 </body>
 </form>

Не получается сделать верстку по образцу

Комментарий модератора

Создавайте темы с осмысленными и понятными названиями.

@mrtoxas · 07.01.2017, 13:57

Все надо поправить. Начните с того, что элементы <p> и <form> не могут быть непосредственными дочерними элементами <table>. Если уж используете таблицу, то этим элементам место в ячейке <td>.
Создается впечатление, что вы просто накидали элементов в HTML, особо не отдавая отчет своим действиям.
Что это за <form> внутри <form>? Попадаются не закрытые теги, лишние скобки <.

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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
  <style>
    .form {
      padding: 10px;
      border: 1px solid #ccc;
      width: 500px;
    }
    .form table {
      width: 100%;
      background-color: #ccc;
      border-collapse: collapse;
      table-layout: auto;
      margin-bottom: 10px;
    }
    .form table caption {
      text-align: left;
    }
    .form table caption p {
      font-style: italic;
    }
    .form table td {
      border: 1px solid black;
      padding: 5px;
      vertical-align: top;
      text-align:left;
    }
  </style>
</head>
<body>
  <form action="" class="form">
    <table>
      <caption>
        <h2>Анкета</h2>
        <p>Заполните предлагаемую анкету для участия в конкурсе архитекторов.</p>
      </caption>
      <tr>
        <td>Фамилия</td>
        <td><input type="text" name="lastName" /></td>
      </tr>
      <tr>
        <td>Город</td>
        <td><input type="text" name="city" /></td>
      </tr>
      <tr>
        <td>Страна</td>
        <td>
          <select name="country">
          <option value="country1">country1</option>  
          <option value="country2">country2</option>  
          <option value="country3">country3</option>  
        </select>
        </td>
      </tr>
    </table>
    <input type="submit" value="Отправить" />
    <input type="reset" value="Очистить" />
  </form>
</body>
</html>

@IceandFrost · 07.01.2017, 14:44 **[ТС]**

Здравствуйте!Открыл переделанный Вами код,результат в скрине

@mrtoxas · 07.01.2017, 14:47

Измените кодировку файла на "UTF-8 без BOM". Если менять кодировку файла не вариант, меняем кодировку в коде, в теге <meta charset>

@IceandFrost · 07.01.2017, 15:20 **[ТС]**

А все уже разобрался,русский показывает.Спасибо за помощь!

Новые блоги и статьи Все статьи Все блоги /
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .	Модель здравоСохранения: работники работают быстрее после её введения. anaschu 23.03.2026 geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .	Контроль уникальности заводского номера Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2. Данные берутся из. . .	Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git

@IceandFrost 2 / 2 / 0 Регистрация: 17.12.2015 Сообщений: 24
	07.01.2017, 14:44 [ТС]
	Здравствуйте!Открыл переделанный Вами код,результат в скрине Миниатюры 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	07.01.2017, 14:47
	Измените кодировку файла на "UTF-8 без BOM". Если менять кодировку файла не вариант, меняем кодировку в коде, в теге `<meta charset>` 0

@IceandFrost 2 / 2 / 0 Регистрация: 17.12.2015 Сообщений: 24
	07.01.2017, 15:20 [ТС]
	А все уже разобрался,русский показывает.Спасибо за помощь! 0

Не получается сделать верстку по образцу

Решение