Разделители пунктов меню

Discussion in 'Вопросы по работе с меню' started by Андрей Нестеров, Jul 24, 2013.

  1. Андрей Нестеров
    Offline

    Андрей Нестеров Недавно здесь

    Joined:
    Oct 30, 2012
    Messages:
    17
    Likes Received:
    0
    Gender:
    Male
    Здравствуйте) Создаю вертикальное меню, между пунктами делаю графический разделитель, прописывая для элемента списка (li) правило:

    Код (html):
    1. background: url("../images/spacer.jpg") repeat-x scroll 0 0 transparent;


    Делаю альтернативный макет, назначая первому и последнему пункту меню классы "first" и "last", затем для первого пункта прописываю правило:

    Код (html):
    1. background: none repeat scroll 0 0 transparent;


    Тем самым убирается разделитель перед первым пунктом.

    Вопрос: А как поставить разделитель после последнего пункта???

    f7c60a967f94.jpg
     
  2.  
  3. Offline

    Чесночный Булочник Недавно здесь

    Joined:
    Sep 4, 2013
    Messages:
    1
    Likes Received:
    0
    Gender:
    Female
    Тот же вопрос. Искала в обучалке, не разобралась. Спасибо заранее за советы.
     
  4. Offline

    lunpully Недавно здесь

    Joined:
    Aug 9, 2013
    Messages:
    21
    Likes Received:
    4
    Gender:
    Male
    Можно добавив к правилу ul.menu данное свойство
    Код (CODE):
    1. background: url("../images/spacer.jpg") repeat-x scroll left bottom transparent;

    Что сделает разделитель внизу блока меню

    Но естественно есть и другие способы, если что пишите в личку адрес сайта, можно обсудить более подробно, именно ваш случай.
     
  5. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    border-image
     
  6. Offline

    lunpully Недавно здесь

    Joined:
    Aug 9, 2013
    Messages:
    21
    Likes Received:
    4
    Gender:
    Male
    Совместимость с IE и андроидом у данного решения, никакая.
    А в большинстве других браузеров работает только с префиксами.
    http://htmlbook.ru/css/border-image

    Поэтому думаю не практично его использовать для столь простой задачи.
     
  7. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Ссыль не зачет,дай на оф.сайт w3.org , где описывается свойство border-image

    Оффтопик (не в тему) - жми сюда!
     
  8. Offline

    lunpully Недавно здесь

    Joined:
    Aug 9, 2013
    Messages:
    21
    Likes Received:
    4
    Gender:
    Male
    По заявке, так сказать, прошу, наслаждайтесь
    http://www.w3.org/TR/css3-background/#border-images

    Только, зачем это знать для человека, который хочет просто получить рабочий код по его проблеме, увы понять не могу.

    Оффтопик (не в тему) - жми сюда!


    За сим заканчиваю данную дисскусию, ТС получил рекомендации, если еще что-то потребуется, спросит.
     
  9. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    И что по ссылке есть доказательство,что ?
    Оффтопик (не в тему) - жми сюда!
     

Share This Page

Loading...