forum.boolean.name - Тупняк с CSS. Нид хелп.

forum.boolean.name (http://forum.boolean.name/index.php)

- Общее (http://forum.boolean.name/forumdisplay.php?f=139)

- - Тупняк с CSS. Нид хелп. (http://forum.boolean.name/showthread.php?t=12205)

.Squid

17.03.2010 03:44

Тупняк с CSS. Нид хелп.

Есть такое:

Код:

a  {

  text-decoration: none;

  color:#ff4200; }

  

a:hover, a:focus  {

  color:#ff4200;

  border-bottom: 1px dotted #ff4200; }

Для картинок-ссылок такое оформлени нафиг не брякалось. Посему есть такое:

Код:

a img , a:hover img, a:focus img {

  border: none; }

Но оно не работает. Пробовал вместо border: none; вписать border: 10px solid #FF7700; - показывает толстую оранжевую рамку и под ней вот такую border-bottom: 1px dotted #ff4200;

Вопрос. Как для картинок-ссылок избавиться от border-bottom: 1px dotted #ff4200; ?

Randomize

17.03.2010 03:52

Ответ: Тупняк с CSS. Нид хелп.

img {border-bottom: 0px}

До обьявления стилей ссылок

.Squid

17.03.2010 13:07

Ответ: Тупняк с CSS. Нид хелп.

Вложений: 1

Эээмм.. ну и как это должно мне помочь?
Может я непонятно объяснил?
Вот. На верхней картинке указатель наведен на текстовую ссылку и у нее появляется border-bottom: 1px dotted #ff4200 и это правильно (:
На нижней указатель наведен на картинку-ссылку. И у нее тоже появляется border-bottom: 1px dotted #ff4200. И это нифига неправильно ):

Phantom

17.03.2010 17:46

Ответ: Тупняк с CSS. Нид хелп.

Рамка появляется не у картинки, а у ссылки, поэтому применение свойств к картинке никак не отменит свойств ссылки. Присваивай к ссылке с картинкой отдельный class и для него ставь отдельные свойства.

.Squid

19.03.2010 11:32

Ответ: Тупняк с CSS. Нид хелп.

Спасибо. Уже сам понял.
К сожалению, пришлось вообще отказаться от это затеи.

Часовой пояс GMT +4, время: 11:35.