• Авторизация
Дневник bloginja Лента друзей - Дневник - Полная версия


Всё про картинки. Часть 4. Картинки в ряд и в столбик. 20-01-2015 13:58 к комментариям - к полной версии - понравилось!











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


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

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

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


Пример:

matryoshka02 (128x128, 11Kb)matryoshka04 (128x128, 16Kb)matryoshka05 (128x128, 15Kb)matryoshka07 (128x128, 12Kb)

Код для вставки картинки:
<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>
можно изменить количество столбцов на странице.


Пример:



matryoshka02 (128x128, 11Kb)
matryoshka04 (128x128, 16Kb)
matryoshka05 (128x128, 15Kb)
matryoshka07 (128x128, 12Kb)
matryoshka08 (256x256, 56Kb)
matryoshka11 (256x256, 52Kb)

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





Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!

вверх^ к полной версии понравилось! в evernote
Комментарии (29):
Лариса_Виноградова 20-01-2015-14:58 удалить
Юленька,спасибо огромное за урок!
Обратиться - Ответить - К полной версии
streglova 23-01-2015-12:02 удалить
Большое спасибо за урок, Юлечка! Ты такая умница!
Обратиться - Ответить - К полной версии
bloginja 23-01-2015-13:55 удалить
Ответ на комментарий streglova # Спасибо за умницу
Обратиться - Ответить - К полной версии
Ines_Tomsk 26-01-2015-21:32 удалить
Хороший урок! Пригодится в творчестве. Спасибо!
Обратиться - Ответить - К полной версии
Милаграс 07-02-2015-20:59 удалить
СПАСИБО! Очень хороший урок!
Обратиться - Ответить - К полной версии
vdomarvik 09-02-2015-13:03 удалить
Очень хотелось разобраться в этом...здесь на Лиру.Юленька,спасибо,за урок!!!
Обратиться - Ответить - К полной версии
gal_galina 06-11-2015-20:59 удалить
bloginja, Спасибо большое, всё получается! Легко!
Обратиться - Ответить - К полной версии
Акинина_Валентина 30-12-2015-16:42 удалить
Спасибо огромное за урок!Цитирую с благодарностью!
Обратиться - Ответить - К полной версии
Nina_Gracia 14-04-2016-22:32 удалить
bloginja,
Спасибо огромное, очень полезный пост!
Обратиться - Ответить - К полной версии
Natali195 31-05-2016-19:58 удалить
Спасибо,Юленька!Забираю.
Обратиться - Ответить - К полной версии
Дневник_Девы 02-09-2016-08:52 удалить
Всегда хотелось этому научиться! Благодарю..Вероничка
[300x185]
Обратиться - Ответить - К полной версии
bloginja 02-09-2016-10:43 удалить
Ответ на комментарий Дневник_Девы # Пожалуйста. Только моё имя Юля.
Обратиться - Ответить - К полной версии
Дневник_Девы 02-09-2016-10:50 удалить
Ответ на комментарий bloginja # Я-Вероничка! Будем знакомы,Юлия!!улыбка!
Обратиться - Ответить - К полной версии
bloginja 02-09-2016-10:56 удалить
Ответ на комментарий Дневник_Девы # Будем знакомы!
Обратиться - Ответить - К полной версии
olyapopova 30-03-2017-01:09 удалить
Спасибо за труды.Процитирую с благодарностью.
Обратиться - Ответить - К полной версии
Maksimych 01-04-2017-11:07 удалить
Спасибо, Юленька!:give_rose
Обратиться - Ответить - К полной версии
Люба47 08-10-2018-16:41 удалить
Большое спасибо!!!
Обратиться - Ответить - К полной версии
ЛюдмилкаЧумаченко 15-10-2019-15:04 удалить
Юличка, спасибо огромное за
классный урок и коды...Молодец,
всё понятно и наглядно...чмоки...
Обратиться - Ответить - К полной версии


Комментарии (29): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Всё про картинки. Часть 4. Картинки в ряд и в столбик. | bloginja - Дневник Блогини | Лента друзей bloginja / Полная версия Добавить в друзья Страницы: раньше»