Извините, ничего не найдено.

Не расстраивайся! Лучше выпей чайку!
Регистрация
Справка
Календарь

Вернуться   forum.boolean.name > Веб-программирование > Общее

Общее Веб-разработка в целом, идеи, проекты...

Ответ
 
Опции темы
Старый 17.03.2010, 03:44   #1
.Squid
Дэвелопер
 
Аватар для .Squid
 
Регистрация: 06.04.2009
Адрес: Запорожье
Сообщений: 1,500
Написано 1,011 полезных сообщений
(для 4,642 пользователей)
Тупняк с 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; ?
__________________

(Offline)
 
Ответить с цитированием
Старый 17.03.2010, 03:52   #2
Randomize
[object Object]
 
Аватар для Randomize
 
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,354
Написано 2,470 полезных сообщений
(для 6,850 пользователей)
Ответ: Тупняк с CSS. Нид хелп.

img {border-bottom: 0px}

До обьявления стилей ссылок
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 3070
AMD Ryzen 7 3800X 4.3Ghz; 64Gb; Nvidia 1070Ti
AMD Ryzen 7 1700X 3.4Ghz; 8Gb; AMD RX 570
AMD Athlon II 2.6Ghz; 8Gb; Nvidia GTX 750 Ti
(Offline)
 
Ответить с цитированием
Старый 17.03.2010, 13:07   #3
.Squid
Дэвелопер
 
Аватар для .Squid
 
Регистрация: 06.04.2009
Адрес: Запорожье
Сообщений: 1,500
Написано 1,011 полезных сообщений
(для 4,642 пользователей)
Ответ: Тупняк с CSS. Нид хелп.

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

(Offline)
 
Ответить с цитированием
Старый 17.03.2010, 17:46   #4
Phantom
Элита
 
Аватар для Phantom
 
Регистрация: 14.06.2008
Адрес: Украина, Киев
Сообщений: 2,273
Написано 754 полезных сообщений
(для 1,833 пользователей)
Ответ: Тупняк с CSS. Нид хелп.

Рамка появляется не у картинки, а у ссылки, поэтому применение свойств к картинке никак не отменит свойств ссылки. Присваивай к ссылке с картинкой отдельный class и для него ставь отдельные свойства.
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
ABTOMAT (17.03.2010)
Старый 19.03.2010, 11:32   #5
.Squid
Дэвелопер
 
Аватар для .Squid
 
Регистрация: 06.04.2009
Адрес: Запорожье
Сообщений: 1,500
Написано 1,011 полезных сообщений
(для 4,642 пользователей)
Ответ: Тупняк с CSS. Нид хелп.

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

(Offline)
 
Ответить с цитированием
Ответ


Опции темы

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


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


vBulletin® Version 3.6.5.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
Style crйe par Allan - vBulletin-Ressources.com