NATALI
Вторник, 24.10.2017, 01:17
Меню сайта
КАТЕГОРИИ РАЗДЕЛА
Дизайн [15]
Скрипты для ucoz [3]
Онлайн радио
Друзья сайта
Шокирующие факты Недвижимость, отдых, туризм в Крыму гриб,дарующий здоровье ФОНЫ ДЛЯ САЙТОВ И БЛОГОВ
Вы на сайте
гость под номеромСчетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!
*********
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


ЧАСЫ
Главная » Статьи » Уроки » Дизайн

Таблица для картинок и не только
Хотите выложить много картинок в один пост, но они все большие и разных размеров. А хочется, чтобы всё выглядело компактно и красиво. Что же делать?
Выход есть!
Построим табличку, в которую и вставим картинки. Эти картинки у нас кликабельны, т.е. при клике на картинке левой кнопкой мыши она откроется в другом окне в полный свой размер.



Код такой таблицы на 35 картинок.

<table border="0" cellspacing="0" cellpadding="5" background="ФОН - ссылка №1 из Радикала"><tr><td width="100%"><table border="0" cellpadding="3" cellspacing="2">
<tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr><tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr><tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС КАРТИНКИ В ИСХОДНОМ РАЗМЕРЕ"><img src="АДРЕС КАРТИНКИ" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr><tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr><tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr><tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr><tr>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
<td><a href="АДРЕС из Радикала ссылка №1"><img src="АДРЕС из Радикала ссылка №1" width="100" height="100" border="0"></a></td>
</tr>
</table></td></tr></table>


Адрес каждой картинки пишется дважды
Ширину width и высоту height можно менять.В формуле я написала 100х100, но это не значит, что так и должно быть.

Таким же способом можно вставить видео, но только не с Мейла.
Категория: Дизайн | Добавил: Belinda (20.12.2010)
Просмотров: 695 | Теги: уроки | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Музыка ветра
Погода,Часовня
Молитва undefined (часовня)
Отправить СМС
БилайнМегафонMTC
Зажги свечу
Жми сюда
Праздники
Праздники Украины
Фраза дня