Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?
Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Помогиет разбить блоки картинок в HTML

Модерирует : Cheery

 Версия для печати • Подписаться • Добавить в закладки

Открыть новую тему     Написать ответ в эту тему

LaVas_ki

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Мне было нужно вывести блоки изображений с подписями. Я нашел такой код для этого.
Но можно ли сделать разделитель в таком случае??? Где-то тут мне нужно вставить горизонтальный разделитель между группами DIV картинок.
<html>
<head>
<meta content="text/html; charset=windows-1251" http-equiv="content-type">
<style type="text/css">
div.img
  {
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  margin:2px;
  }
</style>
<title>111111111</title>
</head>
<body>
<div class="img"><img src="2222\45\Claps 10.gif"><div class="desc">Claps 10.gif</div></div>
<div class="img"><img src="2222\45\Claps 11.gif"><div class="desc">Claps 11.gif</div></div>
<div class="img"><img src="2222\45\Claps 12.gif"><div class="desc">Claps 12.gif</div></div>
<div class="img"><img src="2222\45\Claps 13.gif"><div class="desc">Claps 13.gif</div></div>
</body></html>
Всего записей: 1464 | Зарегистр. 03-08-2003 | Отправлено: 21:00 08-12-2017
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
LaVas_ki
Помощь Html

Цитата:
Где-то тут мне нужно вставить горизонтальный разделитель между группами DIV картинок.  

вставляете обычный пустой div (без класса .img) или <br> - вот и будет вам разделитесь
это если нужно на новую строку, если просто раздвинуть - выставляете margin для div сколько нужно, либо так же вставляете пустой div с .img, но заданной шириной
Всего записей: 15099 | Зарегистр. 20-09-2014 | Отправлено: 21:11 08-12-2017 | Исправлено: Mavrikii, 21:11 08-12-2017
LaVas_ki

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Это все не работает. Все подобные объекты просто оказываются справа экрана в свободном месте.
Всего записей: 1464 | Зарегистр. 03-08-2003 | Отправлено: 21:20 08-12-2017
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
LaVas_ki

Цитата:
Это все не работает.  

работает, просто не заметил, что у вас float - можно и без него, если с inline-block.
с float - <br style='clear:both'> или аналогично div с ним
https://jsfiddle.net/66shzpxx/
Всего записей: 15099 | Зарегистр. 20-09-2014 | Отправлено: 21:27 08-12-2017
LaVas_ki

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо, это именно то, что мне было нужно! Добавил еще текста и линию.
<br style="clear:both"><hr><h2>Basic Transitions</h2>
Всего записей: 1464 | Зарегистр. 03-08-2003 | Отправлено: 19:44 09-12-2017
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Помогиет разбить блоки картинок в HTML


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru