• Авторизация


Урок - Как вставить рядом несколько картинок в посте 17-02-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, а можно и заменить их на описание картинок.

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

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


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

вверх^ к полной версии понравилось! в evernote
Комментарии (13):
Lidia41 17-02-2013-20:17 удалить
Спасибо. Пригодится.
Sanjey 17-02-2013-21:26 удалить
Ответ на комментарий Lidia41 # пожалуйста! осваивайте новшества :)
Жека06 17-02-2013-21:53 удалить
Спасибо,давно ищу эту информацию
Sanjey 17-02-2013-21:58 удалить
Ответ на комментарий Жека06 # пожалуйста! тоже искала в свое время, этот способ работает неплохо при тщательном внимательном оформлении поста
Спасибо! Это мне необходимо!
Sanjey 18-02-2013-12:11 удалить
Ответ на комментарий Бьюти_лайф #   пожалуйста 1 (191x175, 29Kb)
klimur 24-02-2013-18:38 удалить
Спасибо!Надо попробовать,очень интересно!
Sanjey 25-02-2013-13:36 удалить
Ответ на комментарий klimur # пожалуйста! :) дерзайте, все получится!
Ой, как здорово, мучилась минут 3-5 и получилось.Мне нравиться, спасибо большое.
Sanjey 31-03-2013-14:02 удалить
Ответ на комментарий хохотушка_старушка # поздравляю! главное - захотеть и все получится!
bosanova 29-12-2013-12:50 удалить
Ответьте пожалуйста, а где слрово "создать, чтобы коды убрались. В мэйле все понятно было, а тут, что то не разберусь.
Подскажите, пожалуйста, как переключиться в режим HTML ???


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

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

Дневник Урок - Как вставить рядом несколько картинок в посте | Sanjey - Соляночка | Лента друзей Sanjey / Полная версия Добавить в друзья Страницы: раньше»