Я сразу почему-то подумал на codewars, но там весь смысл в том, что бы самому придумать решение, а уже потом посмотреть на лучшее. Так, что нужно было просто гуглить на тему как в англ. образуются числа, дисятки, тысячи и т.д.
Максим Жаров: у вас в примере спрайт вертикальный, значит нам необходимо перемещаться по y оси. Нумерация спрайтов начинается с 0, так как если не смещать бекграунд и выставить 0 0, то будет как раз первый спрайт. Дальше по формуле из преведенного мексина в качестве входных параметров у нас размер иконки 16px смещение по x = 0, смещение по y=782 (так как нам нужена 783 иконка) далее подставляем и получаем, что по y нам нужно сместится на 12512px
artekha: float right тоже работает корректно, грубо говоря он берет первый элемент в дереве и помещает его вправо, затем берет второй элемент и помещает его вправо, по этому получается, что первый элемент крайний справа, второй за ним. При float left происходит тоже самое
Andrey Demidenko: Дело в том, что у вас как минимум есть ячейки с кнопками которые не могут просто перенестись, есть заголовки которые и так сделали перенос слов (то есть слов целиком не разбивая на части) и с учетом всех переносов таблица всё равно не вместилась в контейнер по этом вылезает за его границы. Как вы вообще представляете себе эту огромную таблицу в таком контейнере? Какой у вас размер контейнера выставлен (дефолтный от бутстрапа)? Кнопки можно в одну ячейку запихнуть и через
вывести в несколько строк. Уменьшить размер таблицы либо разрешить перенос слов побуквенно, вот пример https://jsfiddle.net/5jhybbr6/6/embedded/result/
Приведите пример кода из overall_header может у вас банально опечатка? Даже сейчас в тексте вопроса у вас <?php>echo 123;<?>, а надо <?php echo 123; ?>
Хотелось бы пример кода. Тут как мне кажется лучше решить всё версткой и стилями, если подменю которое открывается по клику на иконку будет правильно вложено, то оно и так будет начаться от верхней границы элемента по которому был совершен клик (при правильных стилях).