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

Понедельник, 26 Января 2015 г. 11:32 + в цитатник

Цитата сообщения 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. Картинки в ряд и столбик.

Серия сообщений "теги ,таблицы и др.":
Часть 1 - самые необходимые ТЕГИ для оформления записей
Часть 2 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
...
Часть 9 - Как сделать рамку
Часть 10 - Генератор таблиц
Часть 11 - Всё про картинки. Часть 4. Картинки в ряд и столбик.
Часть 12 - Все формулы в одном месте
Часть 13 - Разделяем текст линиями
Часть 14 - Для тех кто не умеет взять код видео с ЮТУБЕ
Часть 15 - Таблица rgb цветов
Часть 16 - Paint Shop Pro Mask & PhotoShop.ОоооЧЕНЬ МНОГО.Маски.

Рубрики:

уроки/шпаргалка.самое нужное

Метки: шпаргалка.самое нужное теги таблицы и др.
Понравилось: 15 пользователям

<a href="https://www.liveinternet.ru/users/3370207/post351373136/">Р’СЃС‘ РїСЂРѕ РєР°СЂС‚РёРЅРєРё. Р§Р°СЃС‚СЊ 4. РљР°СЂС‚РёРЅРєРё РІ СЂСЏРґ Рё СЃС‚РѕР»Р±РёРє.</a><br/>Р’СЃС‘ РїСЂРѕ РєР°СЂС‚РёРЅРєРё. Р§Р°СЃС‚СЊ 4. РљР°СЂС‚РёРЅРєРё РІ СЂСЏРґ Рё СЃС‚РѕР»Р±РёРє.

Р’СЃС‘ РїСЂРѕ РєР°СЂС‚РёРЅРєРё. Р§Р°СЃС‚СЊ 4
 
РљР°СЂС‚РёРЅРєРё РІ СЂСЏРґ Р±РµР· РёСЃРїРѕР»СЊР·РѕРІР°РЅРёСЏ С‚Р°Р±Р»РёС†С‹РСЃРїРѕР»СЊР·СѓСЏ С‚РµРі nobr 
&lt;nobr&gt;РљРђР РўРРќРљР Р’ Р РЇР”&lt;/nobr&gt; 
РјРѕР¶РЅРѕ РІСЃС‚Р°РІРёС‚СЊ Р»СЋР±РѕРµ РєРѕР»РёС‡РµСЃС‚РІРѕ РєР°СЂС‚РёРЅРѕРє РІ РѕРґРЅСѓ СЃС‚СЂРѕРєСѓ.  РќРѕ С‚Р°Рє РєР°Рє СЃС‚СЂР°РЅРёС‡РєР° РЅРµ Р±РµР·СЂР°Р·РјРµСЂРЅР°СЏ, РЅСѓР¶РЅРѕ СЃР»РµРґРёС‚СЊ Р·Р° РєРѕР»Р»РёС‡РµСЃС‚РІРѕРј. РќР° РЅРѕРІРѕР№ СЃС‚СЂРѕРєРµ РѕРїСЏС‚СЊ РїРёС€РµРј СЌС‚Рё С‚РµРіРё Рё РІСЃС‚Р°РІР»СЏРµРј СЃР»РµРґСѓСЋС‰РёР№ СЂСЏРґ С„РѕС‚РѕРє. Р С‚.Рґ.

РџСЂРёРјРµСЂ:

РљРѕРґ РґР»СЏ РІСЃС‚Р°РІРєРё РєР°СЂС‚РёРЅРєРё:

&lt;img src=&quot;РђР”Р Р•РЎ РљРђР РўРРќРљР&quot; border=&quot;0&quot; width=&quot;РЁРР РРќРђ РљРђР РўРРќРљР&quot; height=&quot;Р’Р«РЎРћРўРђ РљРђР РўРРќРљР&quot;&gt;
 
РљРѕРґ РєР°СЂС‚РёРЅРєРё СЃРѕ СЃ... <a href="https://www.liveinternet.ru/users/3370207/post351373136/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Музыка

-Поиск по дневнику

-Подписка по e-mail

-Статистика

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