Всё про картинки. Часть 4. Картинки в ряд и столбик.

Пятница, 15 Апреля 2016 г. 10:59 + в цитатник

Цитата сообщения bloginja

Прочитать целиком В свой цитатник или сообщество!

Всё про картинки. Часть 4

Картинки в ряд без использования таблицыИспользуя тег nobr

<nobr>КАРТИНКИ В РЯД</nobr>

можно вставить любое количество картинок в одну строку. Но так как страничка не безразмерная, нужно следить за колличеством. На новой строке опять пишем эти теги и вставляем следующий ряд фоток. И т.д.

Пример:

Код для вставки картинки:

<img src="АДРЕС КАРТИНКИ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ">

Код картинки со ссылкой на оригинал:

<a href="АДРЕС ОРИГИНАЛЬНОЙ КАРТИНКИ" target="_blank" ><img src="АДРЕС КАРТИНКИ С ИЗМЕНЁННЫМ РАЗМЕРОМ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"></a>

Картинки в столбик
Код:
<table border="0"><tr>
<td width="ШИРИНА СТОЛБИКА">картинки в первой колонке</td>
<td width="ШИРИНА СТОЛБИКА">картинки во второй колонке</td>
<td width="ШИРИНА СТОЛБИКА">картинки в третьей колонке</td>
<td width="ШИРИНА СТОЛБИКА">картинки в четвёртой колонке</td>
</tr></table>

Добавив или удалив строку
<td width="ШИРИНА СТОЛБИКА">картинки в ... колонке</td>
можно изменить количество столбцов на странице.

Пример:

Как видно, картинок в колонки можно ставить разное количество и разных размеров. Только за шириной самого столбца и картинок нужно следить и изменять её в коде.

bloginja

Серия сообщений "Памятка для Лиру":

Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 8 - Всё про картинки. Часть 2
Часть 9 - Всё про картинки. Часть 3.
Часть 10 - Всё про картинки. Часть 4. Картинки в ряд и столбик.
Часть 11 - Программа для скачивания музыки с Лиру
Часть 12 - Урок по созданию музыкальной открытки
Часть 13 - Фон для поста

Серия сообщений "ВСЕГДА ПОД РУКОЙ":
Часть 1 - 50 ПРИЕМОВ В PHOTOSHOP, КОТОРЫЕ ДОЛЖЕН ЗНАТЬ КАЖДЫЙ!
Часть 2 - Всё про картинки. Часть 4. Картинки в ряд и столбик.
Часть 3 - Уменьшаем ВЕС изображения
Часть 4 - РАБОТА С ТЕКСТОМ. html коды для текста
...
Часть 7 - Сайт интересный и нужный.
Часть 8 - Масштаб на компьютере: экран, значки, шрифт
Часть 9 - PIXLR E.Главное меню