Меню сайта
Наш опрос
Оцените мой сайт
Результаты | Архив опросов
Всего ответов: 1
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа
Календарь
«  Февраль 2013  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728
Архив записей
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
    • Главная » 2013 » Февраль » 4 » Таблица для картинок
    00:16
    Таблица для картинок
    Таблица для картинок и не только.
    Хотите выложить много картинок в один пост, но они все большие и разных размеров. А хочется, чтобы всё выглядело компактно и красиво. Что же делать?
    Выход есть!
    Построим табличку, в которую и вставим картинки. Эти картинки у нас кликабельны, т.е. при клике на картинке левой кнопкой мыши она откроется в другом окне в полный свой размер.


    Код такой таблицы на 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, но это не значит, что так и должно быть.
    Просмотров: 268 | Добавил: Alenada | Теги: таблица | Рейтинг: 0.0/0
    Всего комментариев: 0
    Имя *:
    Email *:
    Код *: