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

den_master

  • Захожу иногда
  • 55
  • 0 / 2
CSS стиль изображения в меню
« : 11.03.2018, 17:25:51 »
доброго времени форумчане
есть вопросик решил в меню поставить иконки
но они почему-то ушли вверх, не подскажите как поставить их по центру
нашел в template CSS код может здесь чего править нужно
Код
div.art-vmenublock img
{
  margin: 0;
}

.art-vmenublockheader
{
    есть еще в настройке модуля меню в параметрах ссылки  CSS стиль изображения  для чего он
заранее спасибо за ответ
вот во вложении иконки прижаты в верх а нужно поставить по центру
Записан

не сложные флеш шапки для джумлы
*

djumfan

  • Захожу иногда
  • 243
  • 13 / 0
Re: CSS стиль изображения в меню
« Ответ #1 : 11.03.2018, 19:38:32 »
Код
vertical-align: middle;
Записан
*

den_master

  • Захожу иногда
  • 55
  • 0 / 2
Re: CSS стиль изображения в меню
« Ответ #2 : 11.03.2018, 19:57:35 »
спасибо
а куда ентот код вписывать
Записан

не сложные флеш шапки для джумлы
*

djumfan

  • Захожу иногда
  • 243
  • 13 / 0
Re: CSS стиль изображения в меню
« Ответ #3 : 11.03.2018, 20:31:36 »
Цитата: den_master от 11.03.2018, 19:57:35
а куда ентот код вписывать
в файл со стилями. Куда конкретно - не знаю, нужно сайт увидеть.
Можно попробовать в CSS шаблона добавить
Код
img {
    vertical-align: middle;
}
Записан
*

den_master

  • Захожу иногда
  • 55
  • 0 / 2
Re: CSS стиль изображения в меню
« Ответ #4 : 11.03.2018, 20:35:21 »
спасиб буду пробовать
странно когда я прописываю этот код в CSS
Код
div.art-vmenublock img
{
  margin: 5px 3px 0px 2px ;
 
}
то уползает и картинка и строчка в низ
может проще отдельно стиль прописать
Записан

не сложные флеш шапки для джумлы
*

djumfan

  • Захожу иногда
  • 243
  • 13 / 0
Re: CSS стиль изображения в меню
« Ответ #5 : 11.03.2018, 20:58:05 »
Если селектор правильный, можно попробовать и сюда
Код
div.art-vmenublock img {
    vertical-align: middle;
}
Вёрстки не видно - работаем на угад : )
Записан
*

Taatshi

  • Глобальный модератор
  • 4993
  • 466 / 1
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: CSS стиль изображения в меню
« Ответ #6 : 12.03.2018, 06:59:15 »
den_master, лучше ссылку на страницу дайте - гадать можно до второго пришествия.
Записан
*

den_master

  • Захожу иногда
  • 55
  • 0 / 2
Re: CSS стиль изображения в меню
« Ответ #7 : 12.03.2018, 08:59:25 »
Записан

не сложные флеш шапки для джумлы
*

den_master

  • Захожу иногда
  • 55
  • 0 / 2
Re: CSS стиль изображения в меню
« Ответ #8 : 12.03.2018, 09:11:14 »
спасибо djumfan твой код помог,
попробую еще одну весч потом отпишусь как говорится для само образования  ^-^
Записан

не сложные флеш шапки для джумлы
*

den_master

  • Захожу иногда
  • 55
  • 0 / 2
Re: CSS стиль изображения в меню
« Ответ #9 : 13.03.2018, 13:22:35 »
вот попробовал и другой вариант но первый проще
в template.css в самом низу прописал такой код
Код
.button-vmenu img {
padding :4px 5px 0 0;
}
но и в настройках меню  в вкладке параметры ссылки заполнить окошко CSS-класс ссылки, я прописал button-vmenu и все получилось и можно играться с расположением иконки в меню
но есть одно но CSS-класс ссылки придется для каждого меню прописывать отдельно
а метод предложенный  djumfan намного проще и спасибо ему за этот метод оч помогло
Записан

не сложные флеш шапки для джумлы
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Меню в Joomla

Автор pashafox

 Ответов: 2
Просмотров: 67 		Последний ответ Сегодня в 09:32:00
от pashafox
Элементы меню 2-го уровня вложенности?

Автор romagromov

 Ответов: 8
Просмотров: 126 		Последний ответ 20.03.2019, 22:58:26
от Technic
Меню - менеджер меню (ошибка)

Автор alexy.74

 Ответов: 3
Просмотров: 83 		Последний ответ 14.03.2019, 22:13:27
от alexy.74
Скрыть пункты меню в админке

Автор maxpa

 Ответов: 2
Просмотров: 78 		Последний ответ 13.03.2019, 19:44:14
от maxpa
Главное меню на шаблоне Shaper helixultimate

Автор alexandrrrr1

 Ответов: 2
Просмотров: 64 		Последний ответ 12.03.2019, 07:11:29
от alexandrrrr1