Урок - Как вставить рядом несколько картинок в посте |
Если нужно вставить много картинок подряд в одну строчку, или картинки и текст рядом, и чтобы все было ровненько и красиво, можно использовать таблицу с прозрачными границами.
Сложно, скажете вы? Зато работает и вы не зависите от глюков визуального редактора. А раз прописав код таблицы, вы можете его просто копировать из поста в пост.
Например, нам нужно разместить в один ряд три картинки:
![]() |
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. Тоже самое делаем и с третьей картинкой.
столбец 1 | столбец2 | столбец3 |
Слова "столбец 1", "столбец 2" и "столбец 3" можно удалить, выделив и нажав на Delete, а можно и заменить их на описание картинок.
Они также будут выравниваться в рамках столбцов таблицы.
Ляляля
|
Ляляляля
|
Ляляля
|
Смотрим на результат, задаем нужный размер картинок, редактируем при необходимости размер ечеек в свойствах таблицы.
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |