Фото в таблице не уменьшаются в адаптивном шаблоне - Joomla 2.5: Шаблоны, разметка и макеты вывода

установить эти фото как бэкграунд

http://bit.ly/1yaFEbe

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

Спойлер

[свернуть]

<div style="text-align: center;">
	<table cellpadding="5" align="center">
		<tbody>
			<tr>
				<td><img class="f" src="images/ysadb/4.jpg" alt="" width="250" height="188" />
				</td>
				<td><img class="f" src="images/ysadb/5.jpg" alt="" width="250" height="188" />
				</td>
				<td><img class="f" src="images/ysadb/6.jpg" alt="" width="250" height="188" />
				</td>
			</tr>
			<tr>
				<td><img class="f" src="images/ysadb/7.jpg" alt="" width="250" height="188" />
				</td>
				<td><img class="f" src="images/ysadb/8.jpg" alt="" width="250" height="188" />
				</td>
				<td><img class="f" src="images/ysadb/9.jpg" alt="" width="250" height="188" />
				</td>
			</tr>
		</tbody>
	</table>    </div>

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

Ничего не понял -что, где не хорошо, подробнее, лучше с скринами.
Если Вы хотите чтобы работал правильно адаптивный шаблон, о размерах в пикселях нужно забыть, или ставить их через медиа-запросы.
В идеале перейти на блочную верстку, если навыки позволяют.
Картинки лучше иметь в двух размерах - для миниатюр и для модального окна, уменьшится нагрузка на сервер

1. Расскажите как и где вы исправили, выложите под спойлер фрагмент кода.
2. Укажите адрес (наименование/путь) страницы где проблемы - со скрина не понял.
Проблема решаема- чтобы не срабатывало свойство, нужно указать где применяется это свойство, У какого родителя, тогда у остальных оно применяться не будет.
Здесь важно найти уникального родителя.

Расскажите как и где вы исправили, выложите под спойлер фрагмент кода

. Укажите адрес (наименование/путь) страницы где проблемы - со скрина не понял.

Я извиняюсь, но если хотите чтобы Вам помогли, то отвечайте правильно на поставленные вопросы.bootstrap.min.css я найду и у себя, как вы представляете как там искать Ваши правки, тем более в одной строке.А страница нужна, чтобы увидеть как там выводятся изображения.

.thumbnail>img{display:block;max-width:100%;height: 100% !important;margin-right:auto;width: 100% !important;margin-left:auto}

А страница http://test.nikolasmironov.ru/index.php/proekt-v-nikulskom

test.nikolasmironov.ru

Фото которые были уменьшены и разбросаны по статье(справа, слева) теперь приняли свой настоящий размер.

.thumbnail>img { 
height: 100% !important;
width: 100% !important;
}

 td .thumbnail>img { 
height: 100% !important;
width: 100% !important;
}

А где Вы видели IE на мобильных устройствах