-Подписка по e-mail

 

 -Рубрики

 -Фотоальбом

Посмотреть все фотографии серии Мои фотки
Мои фотки
12:10 30.01.2021
Фотографий: 1
Посмотреть все фотографии серии Интересное
Интересное
22:42 29.05.2020
Фотографий: 1
Посмотреть все фотографии серии необычное
необычное
01:44 27.04.2015
Фотографий: 6

 -Поиск по дневнику

Поиск сообщений в Lenyr

 -Метки

азарт азартные игры аксессуары арт бизнес блюда блюдо бонусы бренды будущее виртуальное казино вкусно выпечка выращивание вязание крючком вязание на спицах гаджеты дачнику демо деньги детям дизайн для детей для дома для женщин домоводство живопись заготовки заготовки на зиму закуски играть онлайн бесплатно игровые автоматы игровые автоматы онлайн из бумаги из кабачков из курицы из овощей интересное интернет казино к новому году к пасхе к празднику казино онлайн как приготовить косметика кровать кулинарные рецепты лечение люди мода на зиму на пасху народные средства необычное новогоднее общество одежда онлайн казино подушки полезное растения рецепт приготовления рецепт салата рецепт супа рецепты рецепты приготовления россия салаты своими руками скачать бесплатно скачать книгу слоты советы советы для дачника соленья солка стиль схемы технологии устройство уход хобби цветы эко

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 13.03.2010
Записей: 14551
Комментариев: 14210
Написано: 37443


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

Четверг, 09 Декабря 2010 г. 21:34 + в цитатник
Цитата сообщения Lena-ki Таблица для картинок и не только.


Уроки от Джулии



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


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



Код такой таблицы на 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, но это не значит, что так и должно быть.

Желаю удачи!

Все уроки

Серия сообщений "Для дневников и блогов.":
Часть 1 - Помошник...
Часть 2 - Часто применяемы формулы HTML для вашего блога
...
Часть 98 - Как оформить дневник
Часть 99 - Надписи Спасибо +код
Часть 100 - Мои спасибки и благодарилки для комментариев 2
Рубрики:  полезные советы
для дневника
Метки:  
Понравилось: 2 пользователям

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку