-Цитатник

Фруктово-ягодное - (0)

Фруктово-ягодное... Художница Анастасия Беседина. Все акварели художницы здесь Клубничное счас...

Платье для Паолы - (2)

Платье для Паолки крючком от Оксаны Лифенко Источник здесь: http://vk.com/kasatkado...

Трусики-шорты для Паолы - (0)

Уроки вязания крючком от Оксаны Лифенко Источник здесь: http://vk.com/kasatkadolls?w=wall...

Платье для Паолы - (1)

    Всем Привет. Сделаем небольшое отступление и рассмотрим такую тему как...

Аксессуары, украшенные ленточной вышивкой - (2)

Аксессуары, украшенные ленточной вышивкой.

 -Всегда под рукой

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

Поиск сообщений в Sanjey

 -Сообщества

Участник сообществ (Всего в списке: 3) Рецепты_домохозяек Вяжем_спицами_и_крючком Я_-_МАСТЕРИЦА

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.10.2012
Записей:
Комментариев:
Написано: 3283


Урок - Как вставить рядом несколько картинок в посте

Воскресенье, 17 Февраля 2013 г. 19:36 + в цитатник

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

Сложно, скажете вы? Зато работает и вы не зависите от глюков визуального редактора. А раз прописав код таблицы, вы можете его просто копировать из поста в пост.

Например, нам нужно разместить в один ряд три картинки:

1. Для этого создадим сообщение и написав текст, остановимся в нужном нам месте и переключимся в режим HTML.

2. В режиме HTML вставляем код таблицы.

<table>
<tbody>
<tr>
<td>столбец 1</td>
<td>столбец2</td>
<td>столбец3</td>
</tr>
</tbody>
</table>

По коду видно, что теги 
<tr></tr> - означают начало и конец строки, а
<td></td> - начало и конец столбца.

Чтобы менять количество строк и столбцов, надо просто менять количество этих тегов и их содержимое (то, что будет внутри ;-))

Важно: теги  столбцов помещены внутри тегов строк, видите? 


3. Возвращаемся в режим Создать.

Все страшные коды исчезли, остались только три слова в один ряд:

столбец1 столбец2 столбец3


4. Вставим первую картинку. Для поставим курсор перед словом "столбец 1" и обычным способом нажмем на вставку картинки. Получится вот так:

столбец 1
столбец2 столбец3



5. Вставляем вторую картинку, для этого ставим курсор перед словом "столбец2" и жмем на вставку картинки.

столбец 1
столбец2
 
столбец3


3. Тоже самое делаем и с третьей картинкой.

столбец 1
столбец2
столбец3


Слова "столбец 1", "столбец 2" и "столбец 3" можно удалить, выделив и нажав на Delete, а можно и заменить их на описание картинок.

Они также будут выравниваться в рамках столбцов таблицы.

Ляляля
Ляляляля
Ляляля


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

Рубрики:  Полезности для Дневника
Метки:  

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

Lidia41   обратиться по имени Воскресенье, 17 Февраля 2013 г. 20:17 (ссылка)
Спасибо. Пригодится.
Ответить С цитатой В цитатник
Sanjey   обратиться по имени Воскресенье, 17 Февраля 2013 г. 21:26 (ссылка)

Ответ на комментарий Lidia41

пожалуйста!
осваивайте новшества :)
Ответить С цитатой В цитатник
Жека06   обратиться по имени Воскресенье, 17 Февраля 2013 г. 21:53 (ссылка)
Спасибо,давно ищу эту информацию
Ответить С цитатой В цитатник
Sanjey   обратиться по имени Воскресенье, 17 Февраля 2013 г. 21:58 (ссылка)

Ответ на комментарий Жека06

пожалуйста!
тоже искала в свое время, этот способ работает неплохо при тщательном внимательном оформлении поста
Ответить С цитатой В цитатник
Бьюти_лайф   обратиться по имени Понедельник, 18 Февраля 2013 г. 00:39 (ссылка)
Спасибо! Это мне необходимо!
Ответить С цитатой В цитатник
Sanjey   обратиться по имени Понедельник, 18 Февраля 2013 г. 12:11 (ссылка)
Ответить С цитатой В цитатник
klimur   обратиться по имени Воскресенье, 24 Февраля 2013 г. 18:38 (ссылка)
Спасибо!Надо попробовать,очень интересно!
Ответить С цитатой В цитатник
Sanjey   обратиться по имени Понедельник, 25 Февраля 2013 г. 13:36 (ссылка)

Ответ на комментарий klimur

пожалуйста! :) дерзайте, все получится!
Ответить С цитатой В цитатник
хохотушка_старушка   обратиться по имени Воскресенье, 31 Марта 2013 г. 12:36 (ссылка)
Ой, как здорово, мучилась минут 3-5 и получилось.Мне нравиться, спасибо большое.
Ответить С цитатой В цитатник
Sanjey   обратиться по имени Воскресенье, 31 Марта 2013 г. 14:02 (ссылка)

Ответ на комментарий хохотушка_старушка

поздравляю! главное - захотеть и все получится!
Ответить С цитатой В цитатник
bosanova   обратиться по имени Воскресенье, 29 Декабря 2013 г. 12:50 (ссылка)
Ответьте пожалуйста, а где слрово "создать, чтобы коды убрались. В мэйле все понятно было, а тут, что то не разберусь.
Ответить С цитатой В цитатник
Клубник_а   обратиться по имени Понедельник, 04 Января 2016 г. 16:12 (ссылка)
Подскажите, пожалуйста, как переключиться в режим HTML ???
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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