Виды ткани

пятница, 5 ноября 2010 г.

О блоге. Таблица для картинок.

Информация этого сообщения, полностью копирована из блога Гришиной Елены. с некоторыми сокращениями.

Сохранила у себя, что бы самой не потерять.

Елена шьет замечательные сумки, в которых явно просматривается её собственный, оригинальный стиль! Кому интересно загляните по ссылке в начале сообщения.
========================
Иногда бывает очень надо, разместить картинки в посте в один ряд.
если мне нужно вставить много картинок подряд в одну строчку, или картинки и текст рядом, и чтобы все было ровненько и красиво, я использую таблицу с прозрачными границами.
Сложно, скажете вы? Зато работает и вы не зависите от глюков визуального редактора. А раз прописав код таблицы, вы можете его просто копировать из поста в пост.

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


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" и жмем на вставку картинки.
6. Тоже самое делаем и с третьей картинкой.

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

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

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

Смотрим на результат, задаем нужный размер картинок, можем сделать их ссылками
===============================
Я опробовала и мне очень понравился этот способ!!!!
Вряд ли я смогла бы описать все так же просто и понятно, как это сделала Елена Гришина.

Рекомендую к пользованию! Очень удобно.
===========================
И еще, вставлю сюда интересную ссылку с полезной инфой по ведению блога, там много чего почитать. Сама еще не всё прочитала.

Комментариев нет:

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

Привет!
В комментарии моего блога можно вставить картинки.
Для картинок размером менее 600 пикс по длинной стороне - [im] адрес картинки[/im]
Для больших картинок [im#]адрес[/im]
Более понятно по ссылке http://elenanovosib.blogspot.ru/2014/09/blog-post_77.html?showComment=1410794127146#c4083003160639210234
Что бы пройти по ссылке, её нужно выделить и правой клавишей по ней щелкнуть, и выбрать - перейти по ссылке...

Related Posts Plugin for WordPress, Blogger...