С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Форум программистов и сисадминов Киберфорум > Форум вебмастеров > HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Социальные группы Поиск Сообщения за день Заказать работу  
 
Рейтинг 4.93/15: Рейтинг темы: голосов - 15, средняя оценка - 4.93
0 / 0 / 0
Регистрация: 13.09.2013
Сообщений: 6
1

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

13.09.2013, 01:16. Показов 3041. Ответов 9
Метки нет (Все метки)
Author24 — интернет-сервис помощи студентам
как в html сделать два блока в одной таблицы по горизонтали



сам код
HTML5
1

<table style="width:150px;"><tr><td style="width:150px;"><a style="border:none;" href ="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp"  target="_blank" title = "PRESELL (ACHO) C905T Speed версия 7  планшет IPS экран 2-ядерны"><img style="width:150px; height:150px;" alt ="PRESELL (ACHO) C905T Speed версия 7  планшет IPS экран 2-ядерны" src ="http://img.td-imgs.com/small_images/23/88/112388_825162_L-112388.jpg"/></a></td></tr><tr><td style="width:100px;"><a href ="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp"  target="_blank" title = "PRESELL (ACHO) C905T Speed версия 7  планшет IPS экран 2-ядерны">PRESELL (ACHO) C905T Speed версия 7 " планшет IPS экран 2-ядерны</a></td></tr><tr><td style="width:150px;"><span style="color: #A30101;text-align: left;font-size: 17px;font-weight: bold;display: inline-block;">$121.90</span></td></tr><tr><td style="width:150px;"><a style="border:none;" href ="http://www.tinydeal.com/(COGOO)-7-Android-4.1-4GB-MTK6577-Dual-core-Tablet-Phone-p-79804.html?sk=21099868qp"  target="_blank" title = "(COGOO) 7 Android 4.1 4GB MTK6577 Dual-core Tablet Phone"><img style="width:150px; height:150px;" alt ="(COGOO) 7 Android 4.1 4GB MTK6577 Dual-core Tablet Phone" src ="http://img.td-imgs.com/small_images/60/04/146004_1034949_L-146004.jpg"/></a></td></tr><tr><td style="width:100px;"><a href ="http://www.tinydeal.com/(COGOO)-7-Android-4.1-4GB-MTK6577-Dual-core-Tablet-Phone-p-79804.html?sk=21099868qp"  target="_blank" title = "(COGOO) 7 Android 4.1 4GB MTK6577 Dual-core Tablet Phone">(COGOO) 7" Android 4.1 4GB MTK6577 Dual-core Tablet Phone</a></td></tr><tr><td style="width:150px;"><span style="color: #A30101;text-align: left;font-size: 17px;font-weight: bold;display: inline-block;">$153.29</span></td></tr></table>
Миниатюры
как в html сделать два блока в одной таблицы по горизонтали  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
 13.09.2013, 01:16
Ответы с готовыми решениями:

Два блока DIV рядом по горизонтали.
Помогите пожалуйста ни как не могу сделать чтоб два блока DIV были рядом по горизонтали и чтоб...

Не могу расположить 4 изображения на одной горизонтали. html и css
Я пока что только учусь, дизайн накидал сам, а сейчас не могу расположить 4 изображения на одной...

Как сделать фильтр одной таблицы по нужной строке другой таблицы?
нет ответа на мой вопрос?

Как сделать два косых блока (один внутри второго)?
Добрый вечер. Не выходит сделать подобное. Пытался так: https://codepen.io/vlad-spesiwec/pen/oKeZvY...

9
Не мoдepaтор
340 / 315 / 94
Регистрация: 07.07.2012
Сообщений: 1,040
Записей в блоге: 7
13.09.2013, 01:23 2
Прописать в <td> style="float:left"

Добавлено через 1 минуту
вообще при выкладывании кода, используйте теги форматирования. Вы сами то можете в таком виде код прочитать?
0
0 / 0 / 0
Регистрация: 13.09.2013
Сообщений: 6
13.09.2013, 01:41  [ТС] 3
не помогло

Добавлено через 24 секунды
Цитата Сообщение от MVS76 Посмотреть сообщение
Прописать в <td> style="float:left"

Добавлено через 1 минуту
вообще при выкладывании кода, используйте теги форматирования. Вы сами то можете в таком виде код прочитать?
не помогло

Добавлено через 2 минуты
HTML5
1

<table style="width:150px;"><tr><td style="width:150px;"><a style="border:none;" href ="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title = "PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны"><img style="width:150px; height:150px;" alt ="PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны" src ="http://img.td-imgs.com/small_images/23/88/112388_825162_L-112388.jpg"/></a></td></tr><tr><td style="width:100px;"><a href ="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title = "PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны">PRESELL (ACHO) C905T Speed версия 7 " планшет IPS экран 2-ядерны</a></td></tr><tr><td style="width:150px;"><span style="color: #A30101;text-align: left;font-size: 17px;font-weight: bold;display: inline-block;">$121.90</span></td></tr><tr><td style="float:left"><a style="border:none;" href ="http://www.tinydeal.com/(COGOO)-7-Android-4.1-4GB-MTK6577-Dual-core-Tablet-Phone-p-79804.html?sk=21099868qp" target="_blank" title = "(COGOO) 7 Android 4.1 4GB MTK6577 Dual-core Tablet Phone"><img style="width:150px; height:150px;" alt ="(COGOO) 7 Android 4.1 4GB MTK6577 Dual-core Tablet Phone" src ="http://img.td-imgs.com/small_images/60/04/146004_1034949_L-146004.jpg"/></a></td></tr><tr><td style="width:100px;"><a href ="http://www.tinydeal.com/(COGOO)-7-Android-4.1-4GB-MTK6577-Dual-core-Tablet-Phone-p-79804.html?sk=21099868qp" target="_blank" title = "(COGOO) 7 Android 4.1 4GB MTK6577 Dual-core Tablet Phone">(COGOO) 7" Android 4.1 4GB MTK6577 Dual-core Tablet Phone</a></td></tr><tr><td style="width:150px;"><span style="color: #A30101;text-align: left;font-size: 17px;font-weight: bold;display: inline-block;">$153.29</span></td></tr></table>
0
Не мoдepaтор
340 / 315 / 94
Регистрация: 07.07.2012
Сообщений: 1,040
Записей в блоге: 7
13.09.2013, 02:26 4
Я считаю что так будет правильнее
Кликните здесь для просмотра всего текста
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

<style>
#head_t {
width:150px;
float: left;
margin-left: 15px;
}
 
#head_t img{
width:150px;
height:150px;
}
 
#head_t a{
text-decoration: none;
}
 
#head_t p{
color: #A30101;
text-align: center;
font-weight: bold;
padding: 0;
margin: 0;
}
 
.cleared {
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size: 1px;
}
</style>
 
<!-- блок 1 -->
<div id="head_t">
 
<div>
<a href ="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title = "PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны"><img alt ="PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны" src ="http://img.td-imgs.com/small_images/23/88/112388_825162_L-112388.jpg"/></a>
</div>
 
<div>
<a href ="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title = "PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны">PRESELL (ACHO) C905T Speed версия 7" планшет IPS экран 2-ядерны</a>
</div>
 
<div>
<p>$121.90</p>
</div>
 
</div>
 
<!-- блок 2 -->
<div id="head_t">
 
<div>
<a href="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title="PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны"><img alt="PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны" src="http://img.td-imgs.com/small_images/60/04/146004_1034949_L-146004.jpg"></a>
</div>
 
<div>
<a href="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title="(COGOO) 7" Android 4.1 4GB MTK6577 Dual-core Tablet Phone">(COGOO) 7" Android 4.1 4GB MTK6577 Dual-core Tablet Phone</a>
</div>
 
<div>
<p>$153.90</p>
</div>
 
</div>
 
<!-- убираем обтекание -->
<div class="cleared"></div>
 
<!-- блок 3 -->
<div id="head_t">
 
<div>
<a href ="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title = "PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны"><img alt ="PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны" src ="http://img.td-imgs.com/small_images/23/88/112388_825162_L-112388.jpg"/></a>
</div>
 
<div>
<a href ="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title = "PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны">PRESELL (ACHO) C905T Speed версия 7" планшет IPS экран 2-ядерны</a>
</div>
 
<div>
<p>$121.90</p>
</div>
 
</div>
 
<!-- блок 4 -->
<div id="head_t">
 
<div>
<a href="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title="PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны"><img alt="PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны" src="http://img.td-imgs.com/small_images/60/04/146004_1034949_L-146004.jpg"></a>
</div>
 
<div>
<a href="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title="(COGOO) 7" Android 4.1 4GB MTK6577 Dual-core Tablet Phone">(COGOO) 7" Android 4.1 4GB MTK6577 Dual-core Tablet Phone</a>
</div>
 
<div>
<p>$153.90</p>
</div>
 
</div>
1
0 / 0 / 0
Регистрация: 13.09.2013
Сообщений: 6
13.09.2013, 02:43  [ТС] 5
Цитата Сообщение от MVS76 Посмотреть сообщение
Я считаю что так будет правильнее
Кликните здесь для просмотра всего текста
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

<style>
#head_t {
width:150px;
float: left;
margin-left: 15px;
}
 
#head_t img{
width:150px;
height:150px;
}
 
#head_t a{
text-decoration: none;
}
 
#head_t p{
color: #A30101;
text-align: center;
font-weight: bold;
padding: 0;
margin: 0;
}
 
.cleared {
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size: 1px;
}
</style>
 
<!-- блок 1 -->
<div id="head_t">
 
<div>
<a href ="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title = "PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны"><img alt ="PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны" src ="http://img.td-imgs.com/small_images/23/88/112388_825162_L-112388.jpg"/></a>
</div>
 
<div>
<a href ="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title = "PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны">PRESELL (ACHO) C905T Speed версия 7" планшет IPS экран 2-ядерны</a>
</div>
 
<div>
<p>$121.90</p>
</div>
 
</div>
 
<!-- блок 2 -->
<div id="head_t">
 
<div>
<a href="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title="PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны"><img alt="PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны" src="http://img.td-imgs.com/small_images/60/04/146004_1034949_L-146004.jpg"></a>
</div>
 
<div>
<a href="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title="(COGOO) 7" Android 4.1 4GB MTK6577 Dual-core Tablet Phone">(COGOO) 7" Android 4.1 4GB MTK6577 Dual-core Tablet Phone</a>
</div>
 
<div>
<p>$153.90</p>
</div>
 
</div>
 
<!-- убираем обтекание -->
<div class="cleared"></div>
 
<!-- блок 3 -->
<div id="head_t">
 
<div>
<a href ="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title = "PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны"><img alt ="PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны" src ="http://img.td-imgs.com/small_images/23/88/112388_825162_L-112388.jpg"/></a>
</div>
 
<div>
<a href ="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title = "PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны">PRESELL (ACHO) C905T Speed версия 7" планшет IPS экран 2-ядерны</a>
</div>
 
<div>
<p>$121.90</p>
</div>
 
</div>
 
<!-- блок 4 -->
<div id="head_t">
 
<div>
<a href="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title="PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны"><img alt="PRESELL (ACHO) C905T Speed версия 7 планшет IPS экран 2-ядерны" src="http://img.td-imgs.com/small_images/60/04/146004_1034949_L-146004.jpg"></a>
</div>
 
<div>
<a href="http://www.tinydeal.com/PRESELL-(ACHO)-C905T-Speed-версия-7--планшет-IPS-экран-2-ядерны-p-66425.html?sk=21099868qp" target="_blank" title="(COGOO) 7" Android 4.1 4GB MTK6577 Dual-core Tablet Phone">(COGOO) 7" Android 4.1 4GB MTK6577 Dual-core Tablet Phone</a>
</div>
 
<div>
<p>$153.90</p>
</div>
 
</div>
Не - совсем не то.
Миниатюры
как в html сделать два блока в одной таблицы по горизонтали  
0
0 / 0 / 0
Регистрация: 13.09.2013
Сообщений: 6
13.09.2013, 02:50  [ТС] 6
а блин извиняюсь -все разобрался спасибо за помощь
0
Не мoдepaтор
340 / 315 / 94
Регистрация: 07.07.2012
Сообщений: 1,040
Записей в блоге: 7
13.09.2013, 02:55 7
решено
0
0 / 0 / 0
Регистрация: 13.09.2013
Сообщений: 6
13.09.2013, 02:56  [ТС] 8
Цитата Сообщение от MVS76 Посмотреть сообщение
решено

Добавлено через 3 минуты
...
Извени за беспокойство а так --
Миниатюры
как в html сделать два блока в одной таблицы по горизонтали  
0
Не мoдepaтор
340 / 315 / 94
Регистрация: 07.07.2012
Сообщений: 1,040
Записей в блоге: 7
13.09.2013, 03:03 9
вот этим куском кода делятся блоки, то есть там где его прописать, там и будет перенос блока
HTML5
1
2

<!-- убираем обтекание -->
<div class="cleared"></div>
1
0 / 0 / 0
Регистрация: 13.09.2013
Сообщений: 6
13.09.2013, 03:04  [ТС] 10
Спасибо - большое
0
13.09.2013, 03:04
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
 13.09.2013, 03:04
Помогаю со студенческими работами здесь

Как такое сделать (два слитых блока под текст)?
Не пойму как сделать как показано на картинке...

Как сделать так, чтобы два блока размещались вертикально?
Добрый день. Вопрос в следующем: На странице сайта...

Как расположить 3 блока с иконками по горизонтали
Коллеги, подскажите пожалуйста, как разместить 3 блока по горизонтали с иконками. Ширина всего...

Как сделать, чтобы два блока сменяли друг друга при клике?
Здравствуйте. Помогите, пожалуйста решить проблему. Нужно, чтобы при нажатии на кнопку, один блок...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Опции темы

Новые блоги и статьи
Как проводить научные вычисления на Python
InfoMaster 15.01.2025
Python стал одним из наиболее востребованных языков программирования в области научных вычислений благодаря своей простоте, гибкости и обширной экосистеме специализированных библиотек. Научные. . .
Создание игры типа Minecraft на PyGame/Python: пошаговое руководство
InfoMaster 15.01.2025
В данном руководстве мы рассмотрим процесс создания игры в стиле Minecraft с использованием библиотеки PyGame на языке программирования Python. Этот проект идеально подходит как для начинающих. . .
Как создать свою первую игру в стиле Doom на Unreal Engine
InfoMaster 15.01.2025
Разработка шутера от первого лица в стиле классического Doom представляет собой увлекательное путешествие в мир игрового программирования, где сочетаются творческий подход и технические навыки. . . .
Параллельное программировани­е: основные технологии и принципы
InfoMaster 15.01.2025
Введение в параллельное программирование Параллельное программирование представляет собой фундаментальный подход к разработке программного обеспечения, который позволяет одновременно выполнять. . .
Как написать микросервис на C# с Kafka, MediatR, Redis и GitLab CI/CD
InfoMaster 15.01.2025
В современной разработке программного обеспечения микросервисная архитектура стала стандартом де-факто для создания масштабируемых и гибких приложений. Этот подход позволяет разделить сложную систему. . .
Что такое CQRS и как это реализовать на C# с MediatR
InfoMaster 15.01.2025
Концепция CQRS и её роль в современной разработке В современном мире разработки программного обеспечения архитектурные паттерны играют ключевую роль в создании масштабируемых и поддерживаемых. . .
Как настроить CI/CD с Azure DevOps
InfoMaster 15.01.2025
CI/ CD, или непрерывная интеграция и непрерывное развертывание, представляет собой современный подход к разработке программного обеспечения, который позволяет автоматизировать и оптимизировать процесс. . .
Как настроить CI/CD с помощью Jenkins
InfoMaster 15.01.2025
Введение в CI/ CD и Jenkins В современной разработке программного обеспечения непрерывная интеграция (CI) и непрерывная доставка (CD) стали неотъемлемыми элементами процесса создания качественных. . .
Как написать микросервис на Go/Golang с Kafka, REST и GitHub CI/CD
InfoMaster 14.01.2025
Определение микросервиса, преимущества использования Go/ Golang Микросервис – это архитектурный подход к разработке программного обеспечения, при котором приложение состоит из небольших, независимо. . .
Как написать микросервис с нуля на C# с RabbitMQ, CQRS, Swagger и CI/CD
InfoMaster 14.01.2025
В современном мире разработки программного обеспечения микросервисная архитектура стала стандартом де-факто для создания масштабируемых и гибких приложений. Этот архитектурный подход предполагает. . .
Как создать интернет-магазин на PHP и JavaScript
InfoMaster 14.01.2025
В современном мире электронная коммерция стала неотъемлемой частью бизнеса. Создание собственного интернет-магазина открывает широкие возможности для предпринимателей, позволяя достичь большей. . .
Как написать Тетрис на Ассемблере
InfoMaster 14.01.2025
Тетрис – одна из самых узнаваемых и популярных компьютерных игр, созданная в 1984 году советским программистом Алексеем Пажитновым. За прошедшие десятилетия она завоевала симпатии миллионы людей по. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru