Переназначить CSS стили в HTML коде для IMG картинок

[barbossss]

Товарищи, есть проблема. Все картинки выравниваются только по левому краю. Не могу никак отцентровать картинку. Начиная с тегов в <center> заканчивая выравниванием в таблице или в div с применением style="margin: 0 auto;"
Не хочет никак отценровываться. Подскажите что может быть причиной, что искать в CSS?
Добавил important в HTML текст. Все равно не помогает
<td align="center !important;"><img src="/images/cross.png"border="0"alt="check"widt h="16"height="16"style="margin: 0 auto !important;"/></td>

[grominfo]

Бери учебник и учи стили.

<td align="center !important;">

Что это такое? Css метод для HTML тега?

Убирай стили из картинки, и пропиши для ячейки

<td style="text-align:center;"><img style="width:16px height:16px" /></td>

И без ссылки на сайт на подобные вопросы вообще не отвечают.

[barbossss]

http://b $ ec.ru/ru/tseny.html
Убрать пробелы и заменить доллар на s
Установлено две таблицы, и в том числе по вашему образцу. Не помогает(

[grominfo]

Я смотрю у вас для всех картинок стоит float:left. Нужно это выравнивание очистить. Например, чтобы в ячейках картинки не выравнивались, нужно где-то внизу файла CSS прописать

td img {clear:both}

Установлено две таблицы, и в том числе по вашему образцу. Не помогает(

И у вас ничего нет по моему образцу. Я использую стили, а вы теги. Чувствуете разницу? Локальные стили всегда перекрывают глобальные, если в глобальных не прописан !important. А вот теги глушатся любыми стилями.

Вот мой образец

<td style="text-align:center;"><img style="width:16px; height:16px" /></td>

Вот ваш код:

<td align="center">
<img src="/images/cross.png" border="0" alt="check" width="16" height="16"/>
</td>

Чувствуете разницу?

[barbossss]

Спасибо. Ваша конструкция с clear:both не сработала но я нашел в каком css стиле нужно было удалить выравнивание по левому краю. Очень удивительно, их было два. Удалил во втором варианте - и все стало ок. Я честно говоря не понимаю такие конструкции, очень путанные(

#new .new1 img {
margin: 0;
padding: 0;
float: left;
padding-right: 16px;
}

#content .concert-repetition img,#content img{
float: left;
padding: 0 18px 0 0;
}