Jump to content

cuman

Newbie
  • Posts

    3
  • Joined

  • Last visited

cuman's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. При первом наведении курсора на любую ссылку в области основного контента в ИЕ 8 и 10. Это ссылки: "Название заметки", "Подробнее", "Блог пользователя - ХХХ", "Войдите" и "зарегистрируйтесь". Всё верно? Здесь проверяли? Все остальные области сайта работают как надо. В ИЕ 8 и 10? Странно, у меня смещение происходит. Смотрю с разных компов. Видимо надо подставить какой-то костыль типа zoom:1 или -ms-zoom: 1, но куда? Или требуется что-то другое?
  2. При первом наведении происходит ненужное смещение то ли текста то ли divа при изменении цвета border-bottom по a:hover в IE 8 и 10 (в остальных нормально). Вживую (в области основного контента): http://suits.ru CSS: a:link { text-decoration: none; color: #003366; border-bottom: 1px solid #C0C7CE; } a:visited { text-decoration: none; color: #4E5869; border-bottom: 1px solid #C0C7CE; } a:visited:hover, a:hover, a:active, a.active { text-decoration: none; color:#B50000; border-bottom: 1px solid #E7E7E7; } Помогите, пожалуйста, исправить. Может я запрос не так формулирую, но поиск ничего не дал.
  3. Странно себя ведут ссылки "Подробнее", "Блог пользователя - ХХХ" и "Добавить комментарий" при наведении. Должен меняться цвет и пропадать подчеркивание, но в Хроме они вообще исчезают (остается только подчеркивание), а в Сафари ничего не происходит. Опера и все версии ИЕ - всё ок. css: a:link { color: #003366; text-decoration: none; border-bottom: 1px solid #C0C7CE; } a:hover, a:active, a.active { color:#B50000; text-decoration: none; border-bottom:none; } a:visited { color: #4E5869; text-decoration: none; border-bottom: 1px solid #C0C7CE; } a:visited:hover { color:#B50000; text-decoration: none; border-bottom:none; } a img { border: none; display: block; } Вживую: http://www.suits.ru Что-то не так в css? Как исправить? Спасибо. UPD: Решил Относительно кроссбраузерно (в ИЕ7 слегка приплясывает): .links ul { font-size:0; line-height:0; letter-spacing:-1px; } .links li a { font-size:normal; line-height:normal; letter-spacing:normal; display:inline-block; } Подробности: http://www.xiper.net/collect/html-and-css-tricks/pozitsionirovanie/inline-block-margins.html Ну или можно просто покрасить бордер при наведении в цвет фона)
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy