Я получил проект для реализации, что требует горизонтального меню, как это:Наклонных вкладки меню CSS
http://i.stack.imgur.com/jccZD.jpg
Вкладка должна иметь активную/парение цвет и Javascript нормально. Должен работать на ie8 +
Обычный раздел> ul> li> структура HTML.
Я немного осмотрелся и не могу найти примеров. Возможно ли это/разумно или я должен сказать дизайнеру вернуться к чертежной доске.
Приветствия
В соответствии с рекомендациями Хашем, вы можете использовать CSS треугольник. Вы отправили кодеп, но отметили, что текст находился за пределами «границы» элемента < li>. В прошлом я преодолел это, сделав дополнение с левой/правой стороны равным от границы и не использующее верхнее/нижнее дополнение. Это заставляет текст вписываться в < li>.
padding:0 50px 0 30px;
К сожалению, я совершенно новый пользователь, так что я не смог прокомментировать, следовательно, новый «ответ» на существующий поток. Надеюсь это поможет!
Да, они ходили вокруг с этим на некоторое время, и это кажется отрывочным. Мне нужно расстояние между вкладками, а также обратные углы. – user1705111
Вы [попытались] (http://apps.eky.hk/css-triangle-generator/) [CSS] (http://css-tricks.com/snippets/css/css-triangle/) [ Треугольник] (http://css-tricks.com/examples/ShapesOfCSS/)? Что-нибудь? –
Да, у меня есть форма, но как вы можете получить текст внутри него. Я понимаю, что вы используете границу, чтобы сделать фигуру, и текст должен оставаться в элементе. [ссылка на codepen] (http://codepen.io/ronaldroe/pen/osLbm) – user1705111
неверный кодэд см. - [здесь] (http://codepen.io/anon/pen/Lgdpa) – user1705111