Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Сломал голову с тэгом img и свойством outline в IE

Сообщения:  [1-2] 

 
 автор: cheops   (14.06.2011 в 21:08)   письмо автору
 
   для: kireyev   (14.06.2011 в 18:32)
 

Если вытянуть код в одну строку ситуация меняется?
<div class="change_color"><a href="#"><img src="1.png" alt=""></a></div>

  Ответить  
 
 автор: kireyev   (14.06.2011 в 18:32)   письмо автору
726 байт
 
 

HTML:
<div class="change_color">
<a href="#"><img src="1.png" alt=""></a>
</div>


CSS:
.change_color { width:300px; border:1px solid #00a4fd; padding:10px 0 0 10px; margin:-1px 0 0 0; background-color:#FFF; }
.change_color img { width:18px; height:18px; margin:0 10px 10px 0; }
.change_color a:hover img { outline:#00a4fd solid 4px; }


Все браузеры отображают хорошо, кроме IE. Этот выдает непонятный пробел между рамкой и картинкой-ссылкой (вложенный скрин)

Удаление переносов и пробелов в коде результатов не дает, равно как не дает результатов и border:none, display:block.

  Ответить  

Сообщения:  [1-2] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования