Если правильно понял задачу:

Задайте блоку с названием Карта 81|-88 (как на скрине нарисовано) в css position:relative;, а самимстрелочкам - position:absolute;

Далее каждую выравнивайте относительно блока Карта значинеми top, leftm right, bottom;

p.s. этакое как бы в html+css не кошерно. javascript будет актуальнее.

Невозможно с позиционировать при помощи positon:absolute так, что бы он отображался во всех браузер корректно без особой запары, если принимать во внимание что полей сотни, то тут явно нервы сдадут подгонять под все браузера, должно быть, что то другое.
А как через javascript это сделать?

если только к флешеру обратится.
а так на встряли что то получится, если только css писать на тысячу строк

Фигня. Задаете блоки с параметрами флоат. После чего задаете им параметры "наклона".
ЗЫ Читайте новые возможности CSS.

-moz-transform: scale() rotate(deg) translate(px, px) skew(deg, deg);
-webkit-transform: scale() rotate(deg) translate(px, px) skew(deg, deg);
-o-transform: scale() rotate(deg) translate(px, px) skew(deg, deg);
-ms-transform: scale() rotate(deg) translate(px, px) skew(deg, deg);
transform: scale() rotate(deg) translate(px, px) skew(deg, deg);
Я об этих...

это уже близко, но всё равно получается пиксельально выравнивание, но здесь уже реально сделать

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.