Расположить рекламные блоки в ряд, CSS

@Jdadams · Регистрация: 22.10.2012

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

Подскажите пожалуйста как расположить 5 тизер блоков ГОРИЗОНТАЛЬНО вряд, и чтоб надписи под ними не выходили за пределы блока, т.е. чтоб рекламный текст, шел в столбик(вертикально) под блоком...?

Donald28 · 04.05.2013, 20:29

может код покажите?

@Jdadams · 04.05.2013, 21:08 **[ТС]**

Вот такие блоки:

HTML5
1
2
3
4
5
6
7
<table><tr><td><a href="site.ru">
<img  src="site.ru/1.jpg" width="100" height="100" />
<span class="name">Тут рекламный текст №1, который вылазит за пределы тизера</span></a></td>
 
<td><a href="site.ru">
<img  src="site.ru/2.jpg"  width="100" height="100" />
<span class="name">Тут рекламный текст №2, который вылазит за пределы тизера</span></a></td></tr></table>

Пробовал делить текст на части, так:

HTML5
1
2
<span class="name">Тут рекламный текст №2</span>
<span class="name">который вылазит за пределы тизера</span></a></td>

но не помогло...

@-ReSideNT- · 04.05.2013, 23:39

Jdadams, думаю нужно задать тегу <td> ширину
и после <img> поставьте принудительный перенос на новую строку <br>

@Jdadams · 05.05.2013, 01:32 **[ТС]**

...решил вопрос сам....

HTML5
1
2
3
4
5
6
7
<table style="text-align: center; width: 400px;"><tr><td><a href="site.ru">
<img src="http://st.lcads.ru/data/links_block/23299_90_s4.jpg" width="100" height="100" /><br>
<span class="name">Тут рекламный текст №1, который вылазит за пределы тизера</span></a></td>
 
<td><a href="site.ru">
<img  src="http://st.lcads.ru/data/links_block/23299_90_s4.jpg"  width="100" height="100" /><br>
<span class="name">Тут рекламный текст №2, который вылазит за пределы тизера</span></a></td></tr></table>

CSS
1
2
3
4
5
6
7
8
9
10
11
td
{
    border: 1px solid black;
    padding: 10px;
}
table
{
    border-spacing: 7px;
    text-align: center;
    width: 400px;
}

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@Jdadams 0 / 0 / 0 Регистрация: 22.10.2012 Сообщений: 5

	Расположить рекламные блоки в ряд, CSS 04.05.2013, 19:35. Показов 4877. Ответов 4 Метки нет (Все метки) Подскажите пожалуйста как расположить 5 тизер блоков ГОРИЗОНТАЛЬНО вряд, и чтоб надписи под ними не выходили за пределы блока, т.е. чтоб рекламный текст, шел в столбик(вертикально) под блоком...? 0

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	04.05.2013, 20:29
	может код покажите? 0

@-ReSideNT- 14 / 14 / 8 Регистрация: 27.07.2012 Сообщений: 143
	04.05.2013, 23:39
	Jdadams, думаю нужно задать тегу <td> ширину и после <img> поставьте принудительный перенос на новую строку <br> 0