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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум Структурный форум

тема: Сломал голову с тэгом img и свойством outline в IE
 
 автор: 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.

  Ответить  
 
 автор: 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>

  Ответить  
Rambler's Top100
вверх

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