Разметка в задании

@soucename · Регистрация: 19.01.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
<!DOCTYPE html>
<html>
    <head>
    <title>Практика</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="C:\Users\soucename\Desktop\html\style.css">
    </head>
    
    <body>
     <div id="head">
  <div id="left">ЗДЕСЬ<br> ГЕРБ УНИВЕРСИТЕТА</div>
  <div id="right">
    <table>
      <tr>
        <td>Университет:</td>
        <td>Наименование учреждения</td>
      </tr>
      <tr>
        <td>Группа:</td>
        <td>Номер группы</td>
      </tr>
      <tr>
        <td>Студент:</td>
        <td>ИмяФамилия</td>
      </tr>
    </table>
  </div>
</div>
 <ul class="nav">
  <li class="selected"><a href="">ГЛАВНАЯ</a></li>
  <li><a href="">ОТЧЁТЫ</a></li>
  <li><a href="">О СЕБЕ</a></li>
  
  <img src="" alt="Здесь Какая-то картинка"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt repellat eum iure, magnam consectetur explicabo similique aspernatur recusandae veniam, beatae maiores amet in laudantium. Voluptas, error, dolorem. Placeat perferendis tempora mollitia inventore deleniti adipisci labore illo, obcaecati alias, nisi commodi fugit explicabo aliquid ab eaque neque minima, incidunt doloremque. Ex, inventore architecto et ea excepturi quo molestiae nam aspernatur, quam quas voluptate similique, error enim deserunt quod. Fuga voluptatum beatae consequatur odit, quo suscipit laudantium repellat dicta cum, amet itaque facere enim deserunt velit vitae natus, fugit provident harum animi dignissimos accusamus delectus! Perferendis unde voluptatum distinctio ipsam rerum maiores.</p>
<p>Accusantium quod cum inventore eligendi aliquam atque commodi, excepturi exercitationem consequatur corporis veniam quas quaerat obcaecati ducimus esse. Molestias placeat nesciunt quod sapiente dicta ab necessitatibus itaque, ea ipsum voluptates, dolorem eaque consectetur vero! Amet debitis nobis odio fugiat non necessitatibus autem accusamus accusantium, aspernatur reprehenderit laboriosam dolor fuga id illo blanditiis! Dolor doloremque similique laboriosam, impedit tempore quo odit consectetur in distinctio laudantium nulla, expedita quibusdam incidunt hic quasi obcaecati vitae assumenda magni amet esse doloribus voluptate delectus. Reprehenderit tempore aliquid beatae enim at non eaque, accusamus quasi, architecto, dolorem dicta! Minima quas sit magnam quae. Eum, sed, ad.</p> <img src="" alt="Здесь Какая-то картинка">
<p>Vero corporis enim quas placeat cum reprehenderit fugit quis rem, maxime repudiandae quasi explicabo quo, ipsam adipisci molestiae, est? Dolorum sapiente recusandae id aperiam voluptates, soluta cumque, dolores autem consectetur ipsum, quos laudantium ea veniam repellat. Incidunt quas sit amet soluta asperiores explicabo, at ratione non sapiente, et quos assumenda minima quibusdam, velit, est deserunt itaque. Dolorem ipsa nam a, earum, vero explicabo adipisci, iure, sint accusantium maiores quisquam voluptates distinctio molestiae. Ducimus delectus sequi repudiandae aliquid totam id placeat pariatur architecto quisquam. Dolorem accusantium dignissimos, tenetur quisquam magni iure adipisci nam laboriosam iste repellendus sunt atque ab unde natus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium ipsam molestias provident, molestiae facere nemo recusandae commodi eius laborum. Necessitatibus nesciunt molestias facere, dolores. Non blanditiis fuga nam ratione tenetur commodi eligendi dignissimos. Quia earum deserunt mollitia saepe, omnis, deleniti dicta inventore, eos excepturi nam maxime. Ducimus optio aspernatur incidunt quo atque nisi odit magni modi rem commodi. Error modi fugiat, impedit fugit dolorum sunt natus quidem, sit ad unde et. Similique esse reprehenderit libero, reiciendis ducimus suscipit quod laudantium veniam inventore, commodi iure quia quo saepe? Doloribus amet, eius praesentium, adipisci itaque quidem numquam reiciendis delectus, temporibus maxime minima?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, doloribus aut voluptate rem, iure quod vero! Ipsum et sed tempore, beatae nemo quasi veniam consequuntur culpa explicabo, cumque hic quod repudiandae commodi in doloribus aspernatur rem, ut eum modi ad eaque! Accusantium, repellat exercitationem enim quasi repudiandae modi magnam, consectetur molestias est nobis ratione, qui. Accusamus ad nam ipsam, labore ipsa fugiat quidem accusantium adipisci amet culpa, delectus ut eaque consequuntur, unde error minus rerum eum quas. Tempore amet obcaecati blanditiis error at sunt quisquam, odit cumque vero quas quis necessitatibus nobis recusandae nostrum cum, modi non autem omnis. Ex.</p>
  
  
 
</ul>
 
</html>

и

CSS
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
ul.nav {
  list-style:none;
  margin: 0;
  padding: 0;
  background-color: #89A0B0;
  overflow: hidden;
}
 
ul.nav li {
  float: left;
}
 
li a {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  padding: 10px;
}
 
.selected {
  background-color: #626F79;
}
 
body {
  background-color: #fff;
}
 
#left, #right {
  display: inline-block;
}
 
#left {
  width: 50%;
  text-align: center;
  padding-bottom: 20px;
}
 
tr > td:nth-child(2), a, #left {
  font-weight: bold;
  
}
img {
  height: 300px;
  width: 250px;
  background: gray;
  margin: 12px;
  text-align:center;
  line-height:300px;
}
img:nth-child(even) {
  float:left;
}
img:nth-child(odd) {
  float:right;
}

Моя работа

@mrtoxas · 09.01.2017, 13:29

Вы тег <ul> при выключенном мониторе закрывали?

HTML5
1
2
3
4
5
<ul class="nav">
  <li class="selected"><a href="">ГЛАВНАЯ</a></li>
  <li><a href="">ОТЧЁТЫ</a></li>
  <li><a href="">О СЕБЕ</a></li>
</ul>

И куда делся закрывающий </body>?

@soucename · 09.01.2017, 13:48 **[ТС]**

спасибо большое, исправил, все работает

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .

@soucename 0 / 0 / 0 Регистрация: 19.01.2015 Сообщений: 45
	09.01.2017, 13:48 [ТС]
	спасибо большое, исправил, все работает 0