При навидение меняется картника

[Vsevolod]

Вставляю в ячейку таблицы

<td width="270" height="80px"><a href="lorem.html" class="rollover">Ссылка</a>
</td>

Класс описываю так.

A.rollover {

 width: 270px; /* Ширина рисунка */
 height: 80px; /* Высота рисунка */
 border: 1px solid #000; /* Рамка вокруг картинки */ 
 background: url('1.jpg'); /* Путь к файлу с исходным рисунком */
 background-repeat: no-repeat;
padding:30 px;
padding-left:80 px;

}

A.rollover:hover {
 text-decoration:none;
 background: url('2.jpg'); /* Путь к файлу с заменяемым рисунком */
 background-repeat: no-repeat;
 color: orange;
 font-style: italic;
}

В IE все хорошо, в опере рисунок обрезан ширина 270 в высота примерно до 10 px урезается. В чем проблема, как исправить?

[Semreg]

Попробуй так:

A.rollover {

width: 270px; /* Ширина рисунка */

height: 80px; /* Высота рисунка */

border: 1px solid #000; /* Рамка вокруг картинки */

background: url('1.jpg'); /* Путь к файлу с исходным рисунком */

background-repeat: no-repeat;

padding:30 px;

padding-left:80 px;

overflow: hidden;

zoom: 1;

}

Edited October 16, 2009 by Semreg

[Vsevolod]

Не получается. Блин чтож такое. Я не спец, кажется это так часто встречается. Может по другому как это можно сделать. Есть одна картинка справа от нее текст ссылка. меняется на новую картинку.

[psywalker]

1) A.rollover { display: block;};

2) padding:30 px; - Если присмотреться, то между числом и единицой длины есть пробел, убери его

[Vsevolod]

Спасибо! Получилось. Только не пинайте, еще вопрос, как сделать винимальную ширину таблицы так что бы при уменьшение окна браузера таблица не сжималась? min-width не поиогает.

[psywalker]

  Vsevolod said:

Спасибо! Получилось. Только не пинайте, еще вопрос, как сделать винимальную ширину таблицы так что бы при уменьшение окна браузера таблица не сжималась? min-width не поиогает.

1) Что-бы таблица не сжималась вообще, нужно ей поставить фиксированную ширину

2) Или так:

body {min-width: 960px;} - цифра - это твоя любая ширина для всех браузеров

*html body { width:expression(document.documentElement.clientWidth < 960 ? "960px" : "auto");} тоже самое, только отдельно для ИЕ6