За последние 24 часа нас посетили 17340 программистов и 1625 роботов. Сейчас ищут 1746 программистов ...

Глюк Oper'ы

Тема в разделе "HTML и CSS", создана пользователем Битник, 12 фев 2007.

  1. Битник

    Битник Активный пользователь

    С нами с:
    9 фев 2007
    Сообщения:
    103
    Симпатии:
    0
    Наводим на картинку курсор и видим под ней зелёную полосу. Как от этого избавиться?

    Код (Text):
    1. <style>
    2. a:hover { background-color: green; }
    3. </style>
    4.  
    5. <a href=""><img src=""></a>
     
    #1 Битник, 12 фев 2007
  2. simpson

    simpson Активный пользователь

    С нами с:
    11 фев 2006
    Сообщения:
    1.650
    Симпатии:
    0
    Адрес:
    Санкт-Петербург
    Код (Text):
    1. a img { border: 0; }
     
    #2 simpson, 12 фев 2007
  3. Битник

    Битник Активный пользователь

    С нами с:
    9 фев 2007
    Сообщения:
    103
    Симпатии:
    0
    Нее, это в IE поможет убрать вокруг картинки синию рамку.
     
    #3 Битник, 12 фев 2007
  4. Dagdamor

    Dagdamor Активный пользователь

    С нами с:
    4 фев 2006
    Сообщения:
    2.095
    Симпатии:
    1
    Адрес:
    Барнаул
    Действительно глюк... по-нормальному убрать не удалось, только так:

    Код (Text):
    1. <style>
    2. a:hover { background-color: green; }
    3. a img { vertical-align: middle; background-color: white; }
    4. </style>
    5.  
    6. <a href=""><img src=""></a>
     
    #4 Dagdamor, 12 фев 2007
  5. Битник

    Битник Активный пользователь

    С нами с:
    9 фев 2007
    Сообщения:
    103
    Симпатии:
    0
    Dagdamor
    Спасибо, помогло. Тогда надо бы так:
    img { vertical-align: middle; }
     
    #5 Битник, 12 фев 2007
  6. Ti

    Ti Активный пользователь

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    img { float: left; }
     
    #6 Ti, 12 фев 2007
  7. Битник

    Битник Активный пользователь

    С нами с:
    9 фев 2007
    Сообщения:
    103
    Симпатии:
    0
    Нее, не подходит. Если рядом две картинки, на одну ссылка, на другая без ссылки, то одна относительно другой будет по разному вырвнена.

    Нее, не подходит) Теперь IE не отображает обтекание текста при <img src="" align="left">

    :shock:

    Вопрос ещё актуален :oops:
     
    #7 Битник, 18 фев 2007
  8. simpson

    simpson Активный пользователь

    С нами с:
    11 фев 2006
    Сообщения:
    1.650
    Симпатии:
    0
    Адрес:
    Санкт-Петербург
    а какова изначальная задача? для чего у изображения должен быть фон?
     
    #8 simpson, 19 фев 2007
  9. AlexGousev

    AlexGousev Активный пользователь

    С нами с:
    25 мар 2006
    Сообщения:
    1.505
    Симпатии:
    0
    Адрес:
    Москва
    Самый простой вариант: поставить
    a img {
    display: block;
    }
    Чтобы <img> занимал весь <а>.
     
    #9 AlexGousev, 19 фев 2007
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)