-Метки

2ipstartguard 8 марта firefox html mail.ru mp3 startup delayer unchecky windows windows 10 windows 7 µtorrent автозагрузка активированный уголь амурский тигр баннер басня болезни по рукам браузер видео всё про картинки вставить чужую рамку гипертония гороскоп делаем рамки диана анкудинова диеты доктор сапего домашние хитрости загрузить музыку закругляем углы запрет авторизации индексация интернет кинокомедия клавиатура компьютер компьютерная безопасность компьютерная шпаргалка контекстное меню красота кулинарные рецепты лечение фольгой лирика медицина медицинские советы молитва музыка музыка любви музыка ретро музыкальная открытка налоговая реформа новый год общество оказание первой помощи пасха плеер плеер на картинке плееры - линеечки плееры-кнопки плейкаст плейлист превью рамка детская рамка для музыки рамка здоровье рамки для постов религиозные рамки родительский контроль с. копылова самопомощь своими руками серебряные мостики скайп скачать музыку смартфон советы мясникова создание муз. открытки создать музыку сохранить дневник на компьютер стихи сухарики текст на картинку телефон тесто слоёное узнать оператора учимся делать рамки флеш фотошопинг шампунь шрифт шрифты экспорт дневника электроэнергия юмор яндекс

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

 


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

Вторник, 20 Января 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 - бесплатный счетчик на любой вкус!

Серия сообщений "Памятка для Лиру":
Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 5 - Всё про картинки. Часть 2
Часть 6 - Всё про картинки. Часть 3.
Часть 7 - Всё про картинки. Часть 4. Картинки в ряд и в столбик.
Часть 8 - Фон для поста
Часть 9 - Учимся делать рамки
...
Часть 15 - Плееры для Лиру
Часть 16 - Развернуть картинку прямо на странице поста
Часть 17 - Вставить чужую рамку себе в пост

Серия сообщений "Уроки":
Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 5 - Всё про картинки. Часть 2
Часть 6 - Всё про картинки. Часть 3.
Часть 7 - Всё про картинки. Часть 4. Картинки в ряд и в столбик.
Часть 8 - Фон для поста
Часть 9 - Учимся делать рамки
...
Часть 17 - Урок по созданию музыкальной открытки
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставить чужую рамку себе в пост

Серия сообщений "Изображения":
Часть 1 - Всё про картинки. Часть 1. Закругляем углы.
Часть 2 - Всё про картинки. Часть 2
Часть 3 - Всё про картинки. Часть 3.
Часть 4 - Всё про картинки. Часть 4. Картинки в ряд и в столбик.
Часть 5 - Фон для поста
Часть 6 - Вставляем музыкальный плеер (и не только) в определённое место
Часть 7 - Развернуть картинку прямо на странице поста

Метки:  

Процитировано 147 раз
Понравилось: 60 пользователям

Лариса_Виноградова   обратиться по имени Вторник, 20 Января 2015 г. 14:58 (ссылка)
Юленька,спасибо огромное за урок!
Ответить С цитатой В цитатник
Tamreko   обратиться по имени Вторник, 20 Января 2015 г. 19:38 (ссылка)
Ответить С цитатой В цитатник
streglova   обратиться по имени Пятница, 23 Января 2015 г. 12:02 (ссылка)
Большое спасибо за урок, Юлечка! Ты такая умница!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 23 Января 2015 г. 13:55ссылка
Спасибо за умницу
Svet-A-Lana   обратиться по имени Пятница, 23 Января 2015 г. 17:09 (ссылка)
Благодарю!!
Ответить С цитатой В цитатник
Жанна_николаевна   обратиться по имени Понедельник, 26 Января 2015 г. 20:12 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
Ines_Tomsk   обратиться по имени Понедельник, 26 Января 2015 г. 21:32 (ссылка)
Хороший урок! Пригодится в творчестве. Спасибо!
Ответить С цитатой В цитатник
Татьяна_Темина   обратиться по имени Понедельник, 02 Февраля 2015 г. 10:57 (ссылка)
Спасибо большое!
Ответить С цитатой В цитатник
Милаграс   обратиться по имени Суббота, 07 Февраля 2015 г. 20:59 (ссылка)
СПАСИБО! Очень хороший урок!
Ответить С цитатой В цитатник
vdomarvik   обратиться по имени Понедельник, 09 Февраля 2015 г. 13:03 (ссылка)
Очень хотелось разобраться в этом...здесь на Лиру.Юленька,спасибо,за урок!!!
Ответить С цитатой В цитатник
gal_galina   обратиться по имени Пятница, 06 Ноября 2015 г. 20:59 (ссылка)
bloginja, Спасибо большое, всё получается! Легко!
Ответить С цитатой В цитатник
Nadezhda55   обратиться по имени Вторник, 01 Декабря 2015 г. 00:48 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Акинина_Валентина   обратиться по имени Среда, 30 Декабря 2015 г. 16:42 (ссылка)
Спасибо огромное за урок!Цитирую с благодарностью!
Ответить С цитатой В цитатник
Nina_Gracia   обратиться по имени Четверг, 14 Апреля 2016 г. 22:32 (ссылка)
bloginja,
Спасибо огромное, очень полезный пост!
Ответить С цитатой В цитатник
НАТАХА_60   обратиться по имени Понедельник, 25 Апреля 2016 г. 19:11 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Natali195   обратиться по имени Вторник, 31 Мая 2016 г. 19:58 (ссылка)
Спасибо,Юленька!Забираю.
Ответить С цитатой В цитатник
Дневник_Девы   обратиться по имени Пятница, 02 Сентября 2016 г. 08:52 (ссылка)
Всегда хотелось этому научиться! Благодарю..Вероничка
СПАСИБО_СПАСИБО-зонтик (300x185, 52Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 02 Сентября 2016 г. 10:43ссылка
Пожалуйста. Только моё имя Юля.
Перейти к дневнику

Пятница, 02 Сентября 2016 г. 10:50ссылка
Я-Вероничка! Будем знакомы,Юлия!!улыбка!
Перейти к дневнику

Пятница, 02 Сентября 2016 г. 10:56ссылка
Будем знакомы!
marinapetrova1950   обратиться по имени Среда, 29 Марта 2017 г. 09:24 (ссылка)
Спасибо,Юленька!
Ответить С цитатой В цитатник
olyapopova   обратиться по имени Четверг, 30 Марта 2017 г. 01:09 (ссылка)
Спасибо за труды.Процитирую с благодарностью.
Ответить С цитатой В цитатник
Maksimych   обратиться по имени Суббота, 01 Апреля 2017 г. 11:07 (ссылка)
Спасибо, Юленька!:give_rose
Ответить С цитатой В цитатник
vernisazh   обратиться по имени Вторник, 08 Августа 2017 г. 23:02 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
tane4ka777   обратиться по имени Воскресенье, 12 Ноября 2017 г. 17:36 (ссылка)
Спасибо большое!
Ответить С цитатой В цитатник
Люба47   обратиться по имени Понедельник, 08 Октября 2018 г. 16:41 (ссылка)
Большое спасибо!!!
Ответить С цитатой В цитатник
ЛюдмилкаЧумаченко   обратиться по имени Вторник, 15 Октября 2019 г. 15:04 (ссылка)
Юличка, спасибо огромное за
классный урок и коды...Молодец,
всё понятно и наглядно...чмоки...
Ответить С цитатой В цитатник
LyudmilaWasilewna2020   обратиться по имени Четверг, 15 Апреля 2021 г. 23:25 (ссылка)
Классные уроки...
Ответить С цитатой В цитатник
Времена_года-Людмила   обратиться по имени Суббота, 06 Января 2024 г. 00:22 (ссылка)
Спасибо...супер...
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку