Перейти к содержимому

Фотография
- - - - -

Background на меню растянуть на всю ширину блока


  • Вы не можете создать новую тему
  • Закрытая тема Тема закрыта
Сообщений в теме: 6

#1 Imperil

Imperil

    Прохожий

    Топикстартер
  • Участник
  • 0
    12 сообщ.

Отправлено 14 Сентябрь 2013 в 16:23

День добрый!

Есть меню: http://prntscr.com/1r7gia

Вот что у меня получается пока-что:
http://jsfiddle.net/KXXQf/1/

Вопрос: Как сделать так, чтобы фон при наведении занимал всю ширину блока? В идеале - у вложенных списков тоже.
  • 0

Спонсор

#2 motek

motek

    злой как @

  • V.I.P.
  • 320
    730 сообщ.

Отправлено 14 Сентябрь 2013 в 20:45

Вопрос: Как сделать так, чтобы фон при наведении занимал всю ширину блока? В идеале - у вложенных списков тоже.


при наведении на один из пунктов, фон всего меню? залейте куда нибудь url(images/left-hover.jpg) - мы его не видим или нарисуйте, как должно быть
  • 0

#3 Imperil

Imperil

    Прохожий

    Топикстартер
  • Участник
  • 0
    12 сообщ.

Отправлено 14 Сентябрь 2013 в 21:06


Вопрос: Как сделать так, чтобы фон при наведении занимал всю ширину блока? В идеале - у вложенных списков тоже.


при наведении на один из пунктов, фон всего меню? залейте куда нибудь url(images/left-hover.jpg) - мы его не видим или нарисуйте, как должно быть


Я же скинул пример. И саму картинку, и то, что я сверстал.
Могу продублировать: http://jsfiddle.net/KXXQf/1/

При наведении появляется на фон коричневый. Он не на всю ширину, т.к. отступы есть. Вообщем незнаю как сделать, чтобы при наведении тот фон, что есть сейчас тянулся полностью на весь блок так, как показано на рисунке http://prntscr.com/1r7gia

Сообщение отредактировал Imperil: 14 Сентябрь 2013 в 21:07

  • 0

#4 motek

motek

    злой как @

  • V.I.P.
  • 320
    730 сообщ.

Отправлено 14 Сентябрь 2013 в 21:30

Он не на всю ширину, т.к. отступы есть. Вообщем незнаю как сделать, чтобы при наведении тот фон, что есть сейчас тянулся полностью на весь блок так, как показано на рисунке


что бы он был на весь блок - надо убрать отступы :) ...обнулите падинг у лефт-меню и двигайте маргином
  • 0

#5 Imperil

Imperil

    Прохожий

    Топикстартер
  • Участник
  • 0
    12 сообщ.

Отправлено 14 Сентябрь 2013 в 21:39


Он не на всю ширину, т.к. отступы есть. Вообщем незнаю как сделать, чтобы при наведении тот фон, что есть сейчас тянулся полностью на весь блок так, как показано на рисунке


что бы он был на весь блок - надо убрать отступы :) ...обнулите падинг у лефт-меню и двигайте маргином


Ну это понятно )))

Но вот макет есть (фотку я показал). Там отступы. Короче я и так, и эдак пробовал - не получается. Отодвигаешь меню от краев блока - фон этот тоже соответственно отодвигается.
  • 0

#6 Imperil

Imperil

    Прохожий

    Топикстартер
  • Участник
  • 0
    12 сообщ.

Отправлено 14 Сентябрь 2013 в 23:57

Никто не подскажет? :(
  • 0

#7 Imperil

Imperil

    Прохожий

    Топикстартер
  • Участник
  • 0
    12 сообщ.

Отправлено 15 Сентябрь 2013 в 12:29

Сейчас получается так: http://jsfiddle.net/UL9xJ/

На основном списке фон тянется на всю ширину, на внутреннем - нет.

тему можно закрыть.
разобрался
  • 0



Похожие темы Свернуть

Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей