Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 2092 Просмотров
*

MishOK

  • Захожу иногда
  • 64
  • 0 / 0
Доброе время суток!
Назначил картинку-логотип ссылкой на главную.
Теперь при наведении мыши на картинку, она подсвечивается синим подчеркиванием.
Прописывал я это таким образом:
<a href="http://site.ru" style="text-decoration: none;"><img src="/images/logo.png" border="0" width="470"/></a>
Добавил style="text-decoration: none; в надежде, что подчеркивание таким образом отключится.
Не помогло... как дальше быть? Нужен совет.
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
нужно смотреть глубже - стили для логотипа. У Вас ссылкой выступает картинка и запись style="text-decoration: none;" просто не срабатывает.
Если есть класс class="logo" к примеру, то вот для этого класса необходимо прописать стиль отображения на сайте. В файл темплате.css (снова таки к примеру) добавляем
Код
.logo {
/* Общим указываем расположение ЛОГО */
    display: block;
    margin-left: ХХХpx;
    width: ХХХpx;
    ...
}
.logo a {
    text-decoration: none;
}
.logo a img {
    border: medium none;
}
*

MishOK

  • Захожу иногда
  • 64
  • 0 / 0
Ну в моем случае данная картинка хоть и является логотипом, но установлена без класса "logo"
Просто вставлена как картинка в файле index.php в папке шаблона.
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
так обверните ее в класс или просто в файл *.css добавьте строки
Код
a {
    text-decoration: none;
}
a img {
    border: medium none;
}
и они должны срабатывать для всех ссылок
*

MishOK

  • Захожу иногда
  • 64
  • 0 / 0
Так в том и дело, что все ссылки при наведении курсора должны подчеркиваться.
А именно эта картинка должна выпасть из правила...
Получается ей нужно присвоить собственный класс и запретить ему подчеркивание?
Хм... как то все запутанно.
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
А можно ссылку на сайт?
*

MishOK

  • Захожу иногда
  • 64
  • 0 / 0
окно-рехау.рф
*

MishOK

  • Захожу иногда
  • 64
  • 0 / 0
Вот в левом верхнем углу картинка с лого. При наведении на нее по нижней части синяя полоса проявляется.

В атрибутах выдает инфу к объекту (картинке) вот этот "underline;" и портит весь вид.

a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
« Последнее редактирование: 14.05.2014, 11:48:38 от MishOK »
*

fbr

  • Завсегдатай
  • 1663
  • 206 / 7
personal.css строка 1584
Код: css
a:hover, a:active, a:focus {
background: #095197;
color: #FFF;
}
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Это не подчеркивание. Если для ссылки вы укажите style="display:inline-block;", то при наведении увидите, сто начинает обрамляться вся картинка синей рамкой, причина:
personal.css:1584
Код: css
a:hover, a:active, a:focus {
    background: none repeat scroll 0% 0% #095197;
    color: #FFF;
}

Для исправления пропишите в css:
Код: css
.logo {display:inline-block;}
.logo:hover, .logo:active, .logo:focus {background:transparent;}
Пропишите в шаблоне (или откуда эта ссылка у Вас выводится):
Код
<a class="logo" href="http://site.ru">
*

MishOK

  • Захожу иногда
  • 64
  • 0 / 0
Похоже все получилось. Большое спасибо всем, кто помог и + в репутацию!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как отключить адаптивность (responsive) шаблона Protostar?

Автор y.kram

Ответов: 11
Просмотров: 7056
Последний ответ 18.11.2016, 09:09:42
от webCactus
Отключить базовое кэширование CSS у модуля

Автор Strikerus

Ответов: 4
Просмотров: 1669
Последний ответ 07.11.2016, 12:48:11
от Strikerus
Отображение картинок

Автор Galina2307

Ответов: 2
Просмотров: 1210
Последний ответ 24.07.2016, 12:30:37
от Shustry
[Решено] Блокировка правой кнопки мыши - отключить

Автор Bright

Ответов: 7
Просмотров: 3865
Последний ответ 18.12.2015, 14:10:39
от Bright
Проблема с масштабированием картинок в материала

Автор alexxlefa

Ответов: 2
Просмотров: 1230
Последний ответ 16.12.2015, 13:09:54
от alexxlefa