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

Рэм

  • Новичок
  • 18
  • 1 / 0
Здравствуйте, ситуация такая:
На сайте активный пункт меню должен отличаться от остальных пунктов тем, что у него будет бэкграунд - картинка.
Картинка должна растягиваться в соответствии с длинной пункта меню, то есть, автоматически принимать ширину длины пункта меню.
Как сделать, помогите, плз.
*

hooten

  • Захожу иногда
  • 443
  • 26 / 0
*

Рэм

  • Новичок
  • 18
  • 1 / 0
Ок, насчет репита я вкурсе.
Мне нужно, чтобы картинка растягивалась, не повторялась.
*

Sliapy

  • Захожу иногда
  • 318
  • 48 / 4
Если речь о кнопках с разной длиной в меню, то всегда делаю так.
*

Рэм

  • Новичок
  • 18
  • 1 / 0
Если речь о кнопках с разной длиной в меню, то всегда делаю так.
То есть заместь того, чтобы растягивать фон, мы его наоборот с максимального размера до того, который нужен...интерсно. Как попробую, отпишусь. Спасибо.
*

sergoguga

  • Давно я тут
  • 897
  • 70 / 8
  • www.mpbox.ru
njkm
Если речь о кнопках с разной длиной в меню, то всегда делаю так.
а если фон не белый, то кнопки перерисовывать?)))) уголки надо прозрачные делать, но тогда метода не покатит!! по другому чутка надо будет...
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!
*

Sliapy

  • Захожу иногда
  • 318
  • 48 / 4
Если вы про то, что фон будет перекрывать прозрачные уголки - этой проблемы нет, потому что span начинается там, где заканчивается фон a.

Код
        li {
            list-style:none;
        }
        li a {
            display:block;
            height:30px;
            color:#000;
            padding-left:14px;
            float:left;
        }
        li a span {
            display:block;
            padding-right:14px;
            height:30px;
            
        }
        
        li a:hover {
            background:url(a.png) 0 0 no-repeat;
        }
        
        li a:hover span {
            background:url(span.png) 100% 0 no-repeat;
        }

Для "a" отрезается левый кусок кнопки. Паддинги задаются в зависимости от ширины этого отрезанного куска.
*

Рэм

  • Новичок
  • 18
  • 1 / 0
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Пункт меню

Автор s120367

Ответов: 0
Просмотров: 246
Последний ответ 03.06.2018, 13:02:55
от s120367
Большое меню Joomla

Автор Amakeeva

Ответов: 1
Просмотров: 412
Последний ответ 22.01.2018, 13:17:45
от effrit
Как можно отображать имя пользователя в название меню?

Автор selimoff

Ответов: 27
Просмотров: 3576
Последний ответ 02.01.2018, 15:24:44
от logan-19
как сделать пункт меню не кликабельным?

Автор qweqweqwe

Ответов: 13
Просмотров: 6416
Последний ответ 07.09.2017, 01:45:49
от forzi
Сдвинуть пункты меню в левое положение

Автор wectra

Ответов: 6
Просмотров: 678
Последний ответ 12.07.2017, 21:09:01
от wectra