Главная » 2014 » Ноябрь » 28 » Как расположить каптинки с надписями в несколько рядов
08:17
Как расположить каптинки с надписями в несколько рядов

Чтобы расположить картинки с надписями в несколько рядов, нужно разбить страницу на блоки, но есть способ попроще - просто сделать таблицу. Для этого в режиме добавления или редактирования материала создаем таблицу нажатием на значок в верхней части редактора.  

Количество колонок указываем равным количеству фото с одном ряду, количество строк - равным количеству рядов с фото. В нашем случае - в одном ряду - 3 фото, количество рядов - 2. Нажимаем "ОК" и таблица появляется в редакторе.

     
     

Осталось подобрать фото, обрезать или уменьшить из до одинаковых размеров, разместить в ячейках таблицы и сделать подписи.

              Фото 1

            Фото2

               Фото 3

               Фото 4

          Фото 5

           Фото 6

Я не подбирал высоту фото, поэтому получилось не слишком аккуратно. Чтобы сделать ячейки невидимыми, нужно сделать толщину линий равной нулю.Для этого в верхней правой части редактора нажимаем "Панель HTML кодов", ищем код таблицы и меняем <table border="1" на <table border="0" Получается вот что

              Фото 1

            Фото2

               Фото 3

               Фото 4

          Фото 5

           Фото 6

Меняя значения атрибутов  cellspacing\ и cellpadding можно менять расстояния между фото.

Просмотров: 524 | Добавил: ездун | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]