VPF::Баг в IE. Как обойти? - Форум программистов

Alixan

Дата 3.11.2011, 11:04 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 36
Регистрация: 11.12.2009

Репутация: нет
Всего: нет

Добрый день.

У меня возникла следующая загвоздка.

Код


<a href='#' class='menu_index_middle' >
      <table cellpadding="0" cellspacing="0" border="0"  align="left" valign="top" width="176px" height='63px' class="" style=''>    
           <tr>
         <td align="left" valign="middle" class=""  width="">    
            Test test test
         </td>
       </tr>
     </table>
</a>

Вот CSS класса:

Код


.menu_index_middle TABLE{
    background: url('../img/index_menu_center_off.jpg') no-repeat top left;
    height: 63px;
    width: 176px;
    color: #818181;
    font: bold 14px Arial;
    text-decoration: none;
    padding: 0px 20px 0px 10px;
    margin-bottom: 1px;
}
.menu_index_middle TABLE:hover{
    background: url('../img/index_menu_center_on.jpg') no-repeat top left;
    height: 63px;
    width: 176px;
    color: #ffffff;
    font: bold 13px Arial;
    text-decoration: none;
    padding: 0px 20px 0px 10px;
    margin-bottom: 1px;
}

При навождении мыши на линк, должна сменяться картинка на другую. На браузерах Chrome, Mozilla, Opera - работает идеально. А на IE8 возникает глюк. Не происходит событие кликанья мышкой (линк не кликается). Интересно, что событие hover работает, картинка меняется, но кликается. Как я понял этот баг возник из-за присутствия внутри тега <table>.

IE достал уже со своими багами. Подскажите пожалуйста пути обхода, возможные решения в данной ситуации.

Спасибо заранее всем за помощь, Алихан.

magelan

Дата 3.11.2011, 11:22 (ссылка)

(голосов:1)

Загрузка ...

потерял xPath

Профиль
Группа: Участник
Сообщений: 393
Регистрация: 5.4.2010

Репутация: 4
Всего: 16

Читайте стандарт. Ие единственный браузер, который работает правильно. Баг у вас в голове.

Как обойти...
Либо table onclick
Либо ссылки в каждой td

Это сообщение отредактировал(а) magelan - 3.11.2011, 11:24

ayax2005

Дата 3.11.2011, 11:24 (ссылка)

(голосов:1)

Загрузка ...

echo $smile

Профиль
Группа: Участник
Сообщений: 516
Регистрация: 17.4.2008
Где: Питер

Репутация: 3
Всего: 11

ну либо a{display:block} либо объясните, зачем таблицу пихать в ссылку.
И на крайний случай повесте onclick с редиректом на таблицу.
ИМХО вёртска ни в какую красную армию

--------------------

все вопросы - из-за неверной формулировки задачи

Alixan

Дата 3.11.2011, 11:41 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 36
Регистрация: 11.12.2009

Репутация: нет
Всего: нет

ayax2005, можете прокомментировать какие именно минусы на ваш взгляд присутствуют в коде?

Для меня важно любое замечание.

$дмитрий

Дата 3.11.2011, 12:35 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45

Цитата

какие именно минусы на ваш взгляд присутствуют в коде?

В HTML
1. Используй ВЕЗДЕ либо двойные кавычки, либо одиночные
2. Не нужно прописывать свойства тегов если они не имеют значения
3. Ширина и высота таблицы пишиться без px
4. align="left" оно и так по умолчанию располагается слева
5. table не имеет свойства valign
6. не совсем корректно сувать table в a
7. и вообще там таблица не нужна

+ В CSS куча ошибок

Это сообщение отредактировал(а) $дмитрий - 3.11.2011, 12:43

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »