Delagardi

простите, я думал что в форум для новичков никто толком не заходит, т.к. в этой ветке форума у тем в два раза больше просмотров. Нужно какую-то удалить?

Здравствуйте, В ближайшее время я наверное вас замучаю. Мой первый вопрос будет касаться размещения border в псевдоэлементах. Хочу заверстать вот это меню Здесь у кнопок двойная граница (серая и черная). Моей основной проблемой сейчас является разделение кнопок. Пытался сделать с помощью box-shadow, border etc, ничего не получилось. Т.к. разделение кнопок получается суммой двух border, что неправильно. Теперь решил раздвинуть кнопки между собой margin'ом и вставить туда с помощью псевдоэлемента border. Не могу понять почему он становиться ПОД кнопкой. Подскажите, пожалуйста. И вообще, моя стратегия решения верна или есть какая-то альтернатива? Код - http://jsfiddle.net/Lyo0fhk3/

Посмотрел более детально. Но это не совсем так как в макете. Например, не точные границы (размытие) и граница между кнопками получается 2 пикселя (2 * box-shadow, и это заметно). Может есть еще какой-то способ сделать более точно?

спасибо, сейчас нет возможности детальней изучить ваше предложение. Подскажите, а разве реально его будет сделать "кликабельным" как на картинке?

Здравствуйте, В ближайшее время я наверное вас замучаю. Мой первый вопрос будет касаться размещения border в псевдоэлементах. Хочу заверстать вот это меню Здесь у кнопок двойная граница (серая и черная). Моей основной проблемой сейчас является разделение кнопок. Пытался сделать с помощью box-shadow, border etc, ничего не получилось. Т.к. разделение кнопок получается суммой двух border, что неправильно. Теперь решил раздвинуть кнопки между собой margin'ом и вставить туда с помощью псевдоэлемента border. Не могу понять почему он становиться ПОД кнопкой. Подскажите, пожалуйста. И вообще, моя стратегия решения верна или есть какая-то альтернатива? Код - http://jsfiddle.net/Lyo0fhk3/