npofopr

Ищите проблему в скрипте.

У вас там походу скрипт меню какой то. Возможно он преобразовывает как то ссылки. Смотрите в Инспекторе кода, что по клику происходит.

Проще у них и спросить. Или на stackoverflow У меня, кстати, тоже самое. Может ломают что-то.

А куда у вас должно переходить?

Флоаты, наверно, где то есть. overflow:hidden; для родителя должен помочь. Вы бы лучше ссылку на страницу выкладывали.

Ну дак удалите? Или его добавляет какой нибудь плагин у вашего Хрома.

Как то так можно https://jsfiddle.net/npofopr/3umza5yk/

float: right; разве не срабатывает?

По косорезу можете ещё тут посмотреть https://css-tricks.com/creating-non-rectangular-headers/ По верхним иконкам - картинки. По теням, или картинки или есть целые генераторы - )

Покупка, это ерунда. Это любая cms для интернет магазина, взять хоть тот же OpenCart, да и для любой cms плагины есть. Может для форумов есть подходящие расширения.

Такие вещи делают от 50т.р., если по уму и по науке. Хотя могу ошибаться. Ну в общем, вам прямым текстом сказали, покупать. Хотя может и правда, есть что то готовое, но я не встречал. Может другие подскажут. Такие вещи делают от 50т.р., если по уму и по науке. Хотя могу ошибаться. Ну в общем, вам прямым текстом сказали, покупать. Хотя может и правда, есть что то готовое, но я не встречал. Может другие подскажут. Bitrix 24, вроде из этой серии)

Считайте, что у вас нет времени) Как вы собираетесь делать, с нулевыми знаниями? Или вы не правильно описали задачу.

Это что за учебное заведение такое? Чтобы ни ногой не вступать на его территорию) За 2 недели обучения, создать сайт с таким функционалом... Не возможно) Может вам только html и css нужны?

Зачем вы тему дублируете? Проверять через Инспектор кода пробовали? В таких случаях, лучше давать ссылку на живой сайт, или пример в песочнице.

Это разве спрайтом называется? Я так понимаю, вы просто инлайново вставляете svg? Я делаю так: <svg xmlns="http://www.w3.org/2000/svg" style="border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important;" class="root-svg-symbols-element"> <symbol id="facebook" viewBox="0 0 19 32"> <path d="M17.125.214v4.714h-2.804q-1.536 0-2.071.643T11.714 7.5v3.375h5.232l-.696 5.286h-4.536v13.554H6.25V16.161H1.696v-5.286H6.25V6.982q0-3.321 1.857-5.152T13.053 0q2.625 0 4.071.214z" /> </symbol> <symbol id="file-excel" viewBox="0 0 32 32"> <path d="M23.22 12h-4.228L16 16.407 13.008 12H8.78l5.068 7.577L8.13 28H16v-2.862h-1.567L16 22.794l3.481 5.205h4.389l-5.718-8.423 5.068-7.577z" /> <path d="M28.681 7.159c-.694-.947-1.662-2.053-2.724-3.116s-2.169-2.03-3.116-2.724C21.229.137 20.448 0 20 0H4.5A2.503 2.503 0 0 0 2 2.5v27C2 30.878 3.121 32 4.5 32h23c1.378 0 2.5-1.122 2.5-2.5V10c0-.448-.137-1.23-1.319-2.841zm-4.138-1.702A27.334 27.334 0 0 1 26.811 8H22V3.189a27.334 27.334 0 0 1 2.543 2.268zM28 29.5c0 .271-.229.5-.5.5h-23a.507.507 0 0 1-.5-.5v-27c0-.271.229-.5.5-.5H20v7a1 1 0 0 0 1 1h7v19.5z" /> </symbol> </svg> <div class="icon"> <svg class="icon_i" width="27px" height="32px"> <use xlink:href="#file-exel"></use> </svg> </div> Стили примерно такие: .icon { position: relative; display: inline-block; width: 25px; height: 25px; overflow: hidden; fill: currentColor; } .icon_i { width: 100%; height: 100%; background: inherit; stroke-width: 0; stroke: currentColor; fill: inherit; pointer-events: none; -webkit-transform: translateX(0); transform: translateX(0); vertical-align: top; } Ну и для .icon и задаю цвет. Или оно и от родители не плохо его наследует. И svg лучше подчистить будет ещё, например https://jakearchibald.github.io/svgomg/ Хотя последний AI тоже вроде это делает.