СТАВИМ КАРТИНКИ В РЯД

Вторник, 21 Марта 2017 г. 12:30 + в цитатник

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

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

СТАВИМ КАРТИНКИ В РЯД

ВСЕ МОИ УРОКИ ЗДЕСЬ

Сегодня я хочу вам рассказать как ставить картинки в ряд.
Вы решили в своем сообщении опубликовать различные картинки(фоны, анимации, смайлики и т.д.), но они небольшого размера и, если их ставить друг под другом, они будут занимать много места и сообщение получится длинным и некрасивым.
Как же вам поставить картинки, чтобы они имели вот такой вид:

А делается это благодаря формулам:

ДВЕ КАРТИНКИ В РЯД:
<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> </tr> </table>

Посмотрим на формулу, что здесь нужно менять:

Вместо слов КАРТИНКА вы вставляете КОД КАРТИНКИ, я рассказывала ранее, как можно брать КОД КАРТИНКИ, он должен иметь такой вид:

Он может иметь другие цифры и буквы, но то что обведено красной рамкой, должно обязательно в коде присутствовать.

ТРИ КАРТИНКИ В РЯД:
<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>
ЧЕТЫРЕ КАРТИНКИ В РЯД:
<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>
ПЯТЬ КАРТИНОК В РЯД:
<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>
ШЕСТЬ КАРТИНОК В РЯД:
<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> </tr> </table>

Если картинки очень маленькие, вы можете и больше 6 картинок поставить в ряд.
Что для этого нужно делать?
Посмотрите на формулу для 6 картинок в ряд:

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

Закончили один ряд с картинками, и сразу же под ним, без пропусков, снова вставляем нужную формулу, чтобы вместо слов КАРТИНКА вставлять КОДЫ КАРТИНОК:

Все! Удачи в вашем творчестве!

Серия сообщений "от Novichok56":
Часть 1 - СТАВИМ КАРТИНКИ В РЯД
Часть 2 - УРОК - ЗАПОЛНЯЕМ БРОДИЛКУ С ОКОШКАМИ.

Серия сообщений "картинки,открытки":
Часть 1 - КАК ДОБАВИТЬ КАРТИНКУ, ЧТОБЫ ОНА УВЕЛИЧИВАЛАСЬ ПРИ НАЖАТИИ
Часть 2 - КАК БЫСТРО ВСТАВИТЬ КАРТИНКИ И РАЗДЕЛИТЕЛИ.
...
Часть 25 - КАК ПЕРЕИМЕНОВАТЬ МНОГО КАРТИНОК ИЛИ ФОТО БЫСТРО
Часть 26 - КАРТИНКА ЗАГОЛОВКА ДНЕВНИКА - В СХЕМЕ ОФОРМЛЕНИЯ
Часть 27 - СТАВИМ КАРТИНКИ В РЯД
Часть 28 - КАК ОЧЕНЬ БЫСТРО ПОЛУЧИТЬ КОД КАРТИНКИ ДЛЯ ВСТАВКИ В БЛОГ\САЙТ\КОММЕНТАРИЙ
Часть 29 - КАК СОЗДАТЬ КЛИКАБЕЛЬНУЮ КАРТИНКУ ИЛИ КНОПКУ-ПЕРЕХОД В РЕДАКТОРЕ
...
Часть 35 - ЗАГОТОВКИ НОВОГОДНИХ ТАЙМЕРОВ ДЛЯ ФЛЕШ ОТКРЫТОК.
Часть 36 - ДЕЛАЕМ САМИ ОТКРЫТКУ
Часть 37 - УЧИМСЯ ВСТАВЛЯТЬ КАРТИНКИ С КОДАМИ В ТАБЛИЦУ.