0 / 0 / 0
Регистрация: 28.06.2016
Сообщений: 15
1

Расположить картинки в несколько колонок

28.06.2016, 21:14. Показов 8291. Ответов 2
Метки нет (Все метки)

Сделал картинки с обтеканием текста справа.Они идут по порядку а надо в две колонки.Подскажите как сделать.


HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<img src="/f/znakomstva-bez-registracii.jpg" alt="Знакомства без регистрации" align="left" width="120" height="80" hspace="30" /
<p><span style="color: red; font-family: Helvetica, sans-serif;"><h3>Знакомства без регистрации</h3></span></p>
<p>Ныне вы сможете входить на наш веб сайт знакомств - без регистрации, вообщем не вводя логин и пароль в том числе и не регистрируясь! Используйте личный аккаунт из известной общественной сети для авторизации. Наш сайт "<strong>серьёзных знакомств</strong>" поддерживает вход через ВКонтакте, Однокашники, Mail.ru и Facebook. Подобный метод входа не неопасен но и конфиденциален, но и довольно благоприятен. При том ваши приятели и друзья, а еще юзеры нашего веб сайта не выяснят адресок вашего профиля в соц сети.</p>
<br>
<img src="/f/seryoznye-znakomstva.jpg" alt="Серьёзные знакомства" align="left" width="120" height="80" hspace="30" /
<p><span style="color: red; font-family: Helvetica, sans-serif;"><h3>Серьёзные знакомства</h3></span></p>
<p>В нашем сервисе несомненно помогут любому отыскать оптимальную пару как раз для "серьёзных" отношений, брака и сотворения семьи, с русскими людьми и с людьми из-за рубежа. Наш "<span style="color: green; font-family: Helvetica, sans-serif;"><strong><ins>сайт знакомств</ins></strong></span>" каждый день соединяют сотни сердец со всего мира. В нашем сервисе уже больше 17 млн. пользователей, тут просто отыскать общение, приверженность, романтику, знакомства и новых приятелей. Поиск пары по большой базе анкет, дневники, чаты, фото, видео и юмор на всякий вкус. Регистрация бесплатная и займёт всего пару минутку.</p>
<br>
<img src="/f/soobshhestva.jpg" alt="Сообщества" align="left" width="120" height="80" hspace="30" /
<p><span style="color: red; font-family: Helvetica, sans-serif;"><h3>Сообщества</h3></span></p>
<p>Быстро соединяют людей с аналогичными интересами, вкусами, хобби, сложностями, миропониманиями, ориентацией. Что наиболее важно эти группы могут помочь отыскать оптимальных собеседников, приятелей, товарище, своих людей и в том числе и любовников. Все мужчины (парни) и женщины (девушки), которые входят в сообщество имеют право публиковать собственные сообщения на 1 совместную «стену», а еще дискуссировать собственно что то весомое или же несерьёзное совместно. Не считая такого, вступив в эту группу и начав дискуссировать собственно что то в "онлайн обществе" вы скорее всего с кем нибудь начнёте разговор, за это время и познакомитесь.</p>
<br>
<img src="/f/dnevniki.jpg" alt="Дневники" align="left" width="120" height="80" hspace="30" /
<p><span style="color: red; font-family: Helvetica, sans-serif;"><h3>Дневники</h3></span></p>
<p>Выразить себя как состоявшуюся лицо, а еще ощутить себя истинным создателем и писателем, чем какого-либо другого всего дозволит индивидуальный интернет-дневник. Элементарно заведите для себя индивидуальный интернет ежедневник просто и вы можете публиковать в виртуальном дневнике собственные: анонсы, обзоры, заметки, стихи, размышления, ситуации, рассказы. Как раз "онлайн ежедневник" - может заинтересовать для вас большое количество свежих почитателей, несомненно поможет отыскать неизменных читателей, своих людей, приятелей и единомышленников, а вполне вероятно и верных фанатов.</p>
<br>
<img src="/f/vstrechi.jpg" alt="Встречи" align="left" width="120" height="80" hspace="30" /
<p><span style="color: red; font-family: Helvetica, sans-serif;"><h3>Встречи</h3></span></p>
<p>Желаете испить чая или же кофе в приятной компании? Сходить в киноцентр, ночной клуб или же театр? Поужинать или же провести запоминающуюся ночь? Нет ничего проще! В нашем новеньком сервисе "Куда пойти?" возможно просто отыскать спутника, познакомиться или встретиться! Элементарно укажите в особом разделе благоприятное время и задачу желанной встречи. Поверьте, быстро для вас поступят сотни, а вполне вероятно и тыс. запросов о новеньком знакомстве, с услугами повстречаться, из коих для вас остается лишь только избрать самое заманчивое и пойти на назначенную встречу.</p>
<br>
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
28.06.2016, 21:14
Ответы с готовыми решениями:

Несколько колонок
Здравствуйте. Начинаю только изучать Qt. У меня вопрос: Надо сделать 3 колонки Первая: ID (должен...

Список <ul> в несколько колонок
Как вывести список в несколько колонок, если он не помещается в блок?

Печать в несколько колонок
Хочу разобраться как напечатать выбранные элементы справочника через подбор в несколько колонок. На...

Блоки в несколько колонок
Добрый день нужна помощь. Сделал так чтобы новые посты отображались только картинками и при...

2
Модератор
Эксперт JSЭксперт HTML/CSS
3814 / 2666 / 1519
Регистрация: 12.07.2015
Сообщений: 6,662
Записей в блоге: 4
28.06.2016, 22:24 2
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.wrapper{
  font-size:0;
}
 
.block img {
  width: 120px;
  height: 80px;
  margin: 20px 30px 0 0;
  float: left;
}
 
.block h3 {
  color: red;
  font-size:20px;
}
.block{
  font-size:14px;
  display:inline-block;
  width:33%;
  padding: 0 20px;
  box-sizing: border-box;
}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="wrapper">
  <div class="block"> 
    <img src="/f/znakomstva-bez-registracii.jpg" alt="Lorem ipsum dolor.">
    <h3>Lorem ipsum dolor</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque soluta nesciunt repellat aperiam culpa deleniti dicta dolorum consequatur, reiciendis sequi, odit ut impedit consectetur ex ratione voluptate a fugit obcaecati.</p>
  </div>
  <div class="block">
    <img src="/f/znakomstva-bez-registracii.jpg" alt="Lorem ipsum dolor.">
    <h3>Lorem ipsum dolor</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque soluta nesciunt repellat aperiam culpa deleniti dicta dolorum consequatur, reiciendis sequi, odit ut impedit consectetur ex ratione voluptate a fugit obcaecati.</p>
  </div>
  <div class="block">
    <img src="/f/znakomstva-bez-registracii.jpg" alt="Lorem ipsum dolor.">
    <h3>Lorem ipsum dolor</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque soluta nesciunt repellat aperiam culpa deleniti dicta dolorum consequatur, reiciendis sequi, odit ut impedit consectetur ex ratione voluptate a fugit obcaecati.</p>
  </div>
  <div class="block">
    <img src="/f/znakomstva-bez-registracii.jpg" alt="Lorem ipsum dolor.">
    <h3>Lorem ipsum dolor</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque soluta nesciunt repellat aperiam culpa deleniti dicta dolorum consequatur, reiciendis sequi, odit ut impedit consectetur ex ratione voluptate a fugit obcaecati.</p>
  </div>
</div>
Результат

Добавлено через 7 минут
Если в две колонки, тогда изменить
CSS
1
2
3
.block{
  width:50%;
}
1
0 / 0 / 0
Регистрация: 28.06.2016
Сообщений: 15
29.06.2016, 02:52  [ТС] 3
Спасибо очень помогли
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
29.06.2016, 02:52

Списки UL в несколько колонок
Добрый день. Необходимо распределить списки меню так, чтобы они находились слева друг от друга....

Список - несколько колонок...
Ребят, как в Делфях создать список, содержащий несколько колонок, с возможностью выбора строк...

Содержимое datagridview в несколько колонок
Добрый вечер. Делаю проект и возник такой вопрос. Можно ли сделать так, чтобы в datagridview данные...

Разделить TMemo на несколько колонок
Дана таблица умножения в TMemo, хочу разделить её на 5 колонок, помогите реализовать procedure...


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

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

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.