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

Пятница, 23 Января 2015 г. 09:13 + в цитатник

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

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

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

Всё про картинки. Часть 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. Картинки в ряд и столбик.