понедельник, 11 марта 2013 г.

Код таблицы для размещения картинок в ряд



Хотелось вам ,иногда, разместить картинки в один ряд ? Вы уже умеете и знаете как это сделать?  А я вот решила запомнить, чтоб не лазить потом по чужим блогам в поисках этой чудо таблицы. Кому интересно записывайте. Это цитата сообщения  Гришиной Елены, за что ей большое спасибо
 

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 
 Перед словом  "столбец" вставить картинку. Само слово можно стереть, а можно поменять на описании картинки

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

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