Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

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

borro

  • Завсегдатай
  • 1379
  • 22 / 0
  • желаю вам счастья
Как картинку загнать по центру ссылки?
« : 09.12.2011, 22:39:00 »
Ребята, не понимаю как совместить центр рисунка с центром каждой ссылки меню в шаблоне. Подскажите.
Вот какой HTML и стили справа сейчас:

Всем спокойной ночи :)
Записан
*

zmancer

  • Давно я тут
  • 519
  • 76 / 19
Re: Как картинку загнать по центру ссылки?
« Ответ #1 : 10.12.2011, 10:41:43 »
паддингом
примерно так:
#topnav a {
padding-left:50px;
padding-top:30px;
}
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Как картинку загнать по центру ссылки?
« Ответ #2 : 10.12.2011, 10:49:13 »
в файле вывода меню, оберните текст ссылки в спан ( должно получиться как-то так <span class="link">Главная</span> )
.link {position:relative;margin:auto;}
« Последнее редактирование: 10.12.2011, 10:53:44 от dynamit »
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

zmancer

  • Давно я тут
  • 519
  • 76 / 19
Re: Как картинку загнать по центру ссылки?
« Ответ #3 : 10.12.2011, 10:54:19 »
Цитата: dynamit от 10.12.2011, 10:49:13
в файле вывода меню, оберните текст ссылки в спан ( должно получиться как-то так <span class="link">Главная</span> )
.link {position:relative;margin:auto;}
Так это ему придется править модуль меню.
и по моему position:relative;margin:auto; никакого положительного эффекта не даст.
Записан
*

zmancer

  • Давно я тут
  • 519
  • 76 / 19
Re: Как картинку загнать по центру ссылки?
« Ответ #4 : 10.12.2011, 10:59:31 »
Я бы уж лучше задал бекграунд не самой ссылке, а элементу li и потом внутри можно позиционировать ссылку a
вот так
#topnav li {
background: url(../images/cloud.jpg) no-repeat;
width:157px;
height:89px;
}
#topnav a {
padding-left:50px;
padding-top:30px;
}
Записан
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Как картинку загнать по центру ссылки?
« Ответ #5 : 10.12.2011, 11:11:16 »
да, я б сделал как zmancer, разве что центрировал по горизонтали через text-align: center;
Шрифт через @font-face внедрили?
Записан
【Мегапак Virtuemart】:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Как картинку загнать по центру ссылки?
« Ответ #6 : 10.12.2011, 11:57:43 »
мы легких путей не ищем))

просто таким образом текст ссылки  будет всегда по центру, в независимости от длины.
« Последнее редактирование: 10.12.2011, 13:04:39 от dynamit »
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

zmancer

  • Давно я тут
  • 519
  • 76 / 19
Re: Как картинку загнать по центру ссылки?
« Ответ #7 : 10.12.2011, 11:57:54 »
Цитата: danik.html от 10.12.2011, 11:11:16
да, я б сделал как zmancer, разве что центрировал по горизонтали через text-align: center;
точно, что-то я сразу и не подумал, на скорую руку написал
вот так будет верно
#topnav li {
background: url(../images/cloud.jpg) no-repeat;
width:157px;
height:89px;
text-align: center; //центрируем текст по горизонтали
}
#topnav a {
padding-top:30px; //отступ сверху центрируем текст по вертикали
}
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как разместить картинку за текстом в статье?

Автор PNP

 Ответов: 11
Просмотров: 2121 		Последний ответ 10.08.2021, 20:59:27
от PNP
Можно ли прописать в scss ссылку и установить картинку?

Автор vova630

 Ответов: 0
Просмотров: 906 		Последний ответ 02.01.2021, 13:56:09
от vova630
Ссылки в меню в мобильной версии

Автор Андрей Нестеров

 Ответов: 1
Просмотров: 2064 		Последний ответ 11.12.2019, 10:47:20
от sivers
Не могу вывести картинку нужно размера

Автор stonehand

 Ответов: 3
Просмотров: 1245 		Последний ответ 22.03.2019, 21:55:29
от sivers
Код в теге ссылки для изменение background-image с помощью onmouseover

Автор Bozhkov2

 Ответов: 5
Просмотров: 1572 		Последний ответ 19.12.2018, 16:56:48
от Bozhkov2