Расширение ннтернет-магазина для Joomla 3.
Двоятся кнопки плюc и минус
- Svetlana
- Автор темы
- Не в сети
- Новый участник
Less
Больше
- Сообщений: 5
- Спасибо получено: 0
6 года 4 мес. назад #8773
от Svetlana
Svetlana создал тему: Двоятся кнопки плюc и минус
Здравствуйте!
Virtuemart 3.2.14 PHP 7.0 сайт на локалке Open Server кнопки двоятся, как убрать задвоение. Думала, может после обновления все нормально станет, но нет...
Virtuemart 3.2.14 PHP 7.0 сайт на локалке Open Server кнопки двоятся, как убрать задвоение. Думала, может после обновления все нормально станет, но нет...
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.
- Wedal
- Не в сети
- Администратор
Less
Больше
- Сообщений: 2868
- Спасибо получено: 659
6 года 4 мес. назад #8777
от Wedal
Wedal ответил в теме Двоятся кнопки плюc и минус
Svetlana, здесь все нормально. Это вопрос CSS. У вас обе кнопки задаются одной картинкой. Эта картинка является фоном (background) блока. Ваша задача - сделать размер блока таким, чтобы в него входила только половина картинки. А дальше CSS-правилами обыграть кнопки + и - таким образом, чтобы фон сдвигался и была видна только часть картинки. Эта техника похожа на старые диафильмы, когда в маленьком окошке видна только часть изображения. Такой подход называется "CSS-спрайты". Если вам интересно, можете посмотреть вот эту статью:
wedal.ru/uroki-joomla/dobavlenie-ikonok-punktam-menyu-joomla-prostoj-i-khoroshij-sposoby.html
Но вообще эта техника отчасти устарела. Сейчас баллом правят иконочные шрифты. О них рассказывается здесь: wedal.ru/uroki-joomla/dobavlenie-ikonochnykh-shriftov-na-sajt-joomla.html
Я бы советовал вообще заменить эти картинки иконками из шрифта, либо просто добавить input'aм атрибут "value="+" и "value="-" соответственно, и оформить кнопки через CSS, без картинок.
Но вообще эта техника отчасти устарела. Сейчас баллом правят иконочные шрифты. О них рассказывается здесь: wedal.ru/uroki-joomla/dobavlenie-ikonochnykh-shriftov-na-sajt-joomla.html
Я бы советовал вообще заменить эти картинки иконками из шрифта, либо просто добавить input'aм атрибут "value="+" и "value="-" соответственно, и оформить кнопки через CSS, без картинок.
Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.