Смещение 2х блоков на строке

@coder2 · Регистрация: 01.03.2014

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

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
<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Камни</title>
  <link rel="stylesheet" type="text/css" href="new.css">
  <style>
   table.jewel {
    width: 100%; /* Ширина таблицы */
    border: 2px solid #666; /* Рамка вокруг таблицы */
    margin-left: 50px;
   }
   th {
    background: #009383; /* Цвет фона */
    color: #fff; /* Цвет текста */
    text-align: left; /* Выравнивание по левому краю */
   }
   tr.odd {
    background: #ebd3d7; /* Цвет фона */
   }
   tr.oddd {
   background: #f6d8c0;
   }
   
  </style>
 </head>
 <body>
  <body>
  <div id="help">
  <p>Г </p>
  <p>Л </p>
  <p>А </p>
  <p>В </p>
  <p>Н </p>
  <p>А </p>
  <p>Я </p>
  </div>
  </body>
  <table class="jewel">
   <tr>
    <th>Название</th><th>Цвет</th>
   </tr>
   <tr class="odd">
    <td><a href="kam/Almaz.html">Алмаз</a></td><td>Белый</td>
   </tr>
   <tr class="oddd">
    <td><a href="kam/Rubin.html">Рубин</a></td><td>Красный</td>
   </tr>
   <tr class="odd">
    <td><a href="kam/Ametist.html">Аметист</a></td><td>Голубой</td>
   </tr>
   <tr class="oddd">
    <td><a href="kam/Izumrud.html">Изумруд</a></td><td>Зеленый</td>
   </tr>
   <tr class="odd">
    <td><a href="kam/Sapfir.html">Сапфир</a></td><td>Голубой</td>
   </tr>
  </table>
 </div>
 </body>
</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
body {
  color: #ec4b55; /* цвет текста */
  font-family: Arial;
}
 
P.cite {
color: navy;
margin-left: 20px;
border-left: 1px solid navy;
padding-left: 15px;
}
 
table.yarkii {
width: 100px;
border: 1px solid #666;
}
 
th {
background:orange;
color: red;
text-align:left;
}
tr.odd {
background: #ebd3d7;
}
 
#help {
position: left; /* Абсолютное позиционирование */
    top: 20px; /* Положение от верхнего края */
    width: 20px; /* Ширина блока */
    border: 2px;
    background: green; /* Цвет фона */
    font-size: 20px;
    padding-left: 6px;
    }

Сам код, на скрине видно, что сама таблица переходит на другую строку, как это можно изменить?

@almaz1994 · 24.09.2014, 14:52

Мне правильно кажется странным body два раза использован?

Ну и обернуть в два блока то, что должно быть на одной строке и применить float:left.
PS Ширину задать не забыть. Иначе если правый блок не уместится- он так и будет соскакивать.
PPS Помоему сейчас в этом и есть проблема

@coder2 · 24.09.2014, 17:43 **[ТС]**

ап 11!!!

@ludmila-sv · 24.09.2014, 18:27

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

Мне правильно кажется странным body два раза использован?

И не только.
Еще есть </body> как раз перед таблицей. Он тоже добавляет хаоса.

Новые блоги и статьи Все статьи Все блоги /
Запрет удаления строк ТЧ документа при определенном условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .

@almaz1994 33 / 33 / 15 Регистрация: 07.05.2014 Сообщений: 313
	24.09.2014, 14:52
	Мне правильно кажется странным body два раза использован? Ну и обернуть в два блока то, что должно быть на одной строке и применить float:left. PS Ширину задать не забыть. Иначе если правый блок не уместится- он так и будет соскакивать. PPS Помоему сейчас в этом и есть проблема 0

@coder2 1 / 1 / 0 Регистрация: 01.03.2014 Сообщений: 312
	24.09.2014, 17:43 [ТС]
	ап 11!!! 0

Опции темы