Делаем Таблицу с Картинками(ссылками).

Воскресенье, 29 Мая 2011 г. 07:20 + в цитатник

Девчата, меня попросили сделать урок,
как можно,на небольшом пространстве разместить много картинок.
В этом вам помогут Таблицы, в них очень удобно компактно загружать картинки.

Таблица с 6 картинками будет выглядить вот так.
Картинки лучше подбирать одного размера.

У меня обводки вокруг таблицы в данном случае НЕТ.
Если вы хотите,чтобы вокруг картинок была обводка тогда нужно:
поставить цифру 1, где написано ...table border="1" ...
...width="300"... - Ширина таблицы.
Размеры можно менять до максимума "800".
Копируйте код нужного количества картинок и вставляйте к себе в пост.
Сохраните картинки на рабочем столе.
Потом нажали ОБЗОР и загружаете картинку.
Посмотреть Как загрузить картинку в пост здесь.
Получившийся код Картинки вставляйте туда где стоит надпись
...КАРТИНКА 1 и т. д....
Если вы хотите сделать не просто картинку,
а Кликабельную картинку(ссылку),т.е.,
когда при нажатии на картинку вы перемещаетесь в другое место.
Например как здесь - попробуйте нажмите на любую картинку.

Для этого - опять копируете код нужной вам Таблицы.
А как сделать,чтобы ваша картинка стала Кликабельной(ссылкой).
Посмотреть можно здесь.
Если вы хотите сделать Кликабельную картинку ссылочку,
на какой-то свой пост. Ссылочку для этой картинки вы найдёте
под каждым Названием поста.
Чуть ниже увидите надпись ССЫЛКА.
Нажимайте на неё.
И в самом верху в Адресной строке
копируете ссылку и вставляете в код.Успехов вам в оформлении.
КОД ТАБЛИЦЫ на 3 картинки.

<table border="0" width="300"><tr align="center"><td width="60">КАРТИНКА1</td><td width="60"> КАРТИНКА2</td><td width="60">КАРТИНКА3</td></tr></table>

КОД ТАБЛИЦЫ на 6 картинок.

<table border="0" width="300"><tr align="center"><td width="60">КАРТИНКА1</td><td width="60"> КАРТИНКА2</td><td width="60">КАРТИНКА3</td></tr><tr align="center"><td width="60">КАРТИНКА4</td><br /><td width="60">КАРТИНКА5</td><td width="60">КАРТИНКА6</td></tr></table>

КОД ТАБЛИЦЫ на 8 картинок.

<table border="0" width="300"><tr align="center"><td width="60">КАРТИНКА1</td><td width="60"> КАРТИНКА2</td><td width="60">КАРТИНКА3</td><td width="60">КАРТИНКА4</td></tr><tr align="center"><td width="60">КАРТИНКА5</td><td width="60">КАРТИНКА6</td><td width="60">КАРТИНКА7</td><td width="60">КАРТИНКА8</td></tr></table>

КОД ТАБЛИЦЫ на 9 картинок.

<table border="0" width="300"><tr align="center"><td width="60">КАРТИНКА1</td><td width="60"> КАРТИНКА2</td><td width="60">КАРТИНКА3</td></tr><tr align="center"><td width="60">КАРТИНКА4</td><br /><td width="60">КАРТИНКА5</td><td width="60">КАРТИНКА6</td></tr><tr align="center"><td width="60">КАРТИНКА7</td><td width="60">КАРТИНКА8</td><td width="60">КАРТИНКА9</td></tr></table>

SvetlanaT

Рубрики:

Оформление дневника