Сегодня урок "Как добавить таблицу" на любую страницу в блоге, или в статью, на моём блоге stopmig.ru в рамках технических дней в блог-марафоне. Как вставить картинки в ячейки таблицы? как изменить размер картинки? как добавить ячейку в строке или столбце ?
Обращаю ваше внимание, что картинки должны быть обработаны по размерам предварительно в любом графическом редакторе, я это делаю в Photoshop CS5, и подготовлены для размещения в интернете, то есть обратите внимание на форматы и вес вашего изображения. Большой вес изображений тормозит загрузку страницы, что ухудшает ваши позиции в поисковиках.
Ещё размещаю простейший код таблицы, чтобы вы могли просто скопировать её при использовании в работе на своих блогах.
<table border="1" cellspacing="0" cellpadding="10" align="center">
<tbody>
<tr>
<td>текст 1</td>
<td>текст 1</td>
</tr>
<tr>
<td>текст 2</td>
<td>текст 2</td>
</tr>
<tr>
<td>текст 3</td>
<td>текст 3</td>
</tr>
</tbody>
</table>
| январь | февраль |
| март | апрель |
| май | июнь |
border – задает толщину границы в таблице. В нашем случае – 1 пиксель. Если вы не хотите, чтобы у вашей таблицы были видны границы, то поставьте вместо единицы ноль.
cellspacing – определяет расстояние между ячейками таблицы. Если сделать это значение в несколько пикселей, то ячейки таблицы будут как бы отделены друг от друга. Это свойство можно оставить так как есть.
cellpadding – назначает отступы между границей ячейки и содержанием (текстом). Рекомендую для него поставить значение 10-15 пикселей, чтобы текст в ячейках не прилипал к самой границе и был более читабельный. То же относится и к картинкам.
Но хочу вас сразу предупредить о том, что некоторые темы для блогов не позволяют настраивать значения для таких свойств таблицы, как cellpadding, border и некоторых других. Мой шаблон отказывается показывать рамку вокруг таблицы. И ему просто везёт, что меня это устраивает...пока.
Так же может быть указана ширина таблицы width. В моем случае она не указана, но вам никто не мешает прописать это значение. Если ширина таблицы больше, чем ширина места под статью, то таблица может залезть на сайдбар. Рекомендую совсем удалить это свойство или задать такую ширину таблицы, чтобы она помещалась на странице.
Надеюсь у вас всё получиться, будут вопросы, задавайте в комментариях.

17 февраля 2012
Галина Исаева
Рубрика
Метки:












