Как сверстать такую схемку

[Andryshok]

Не подскажет ли кто - как сверстать такую вот схемку без использования картинок на чистом css ? Пусть даже фигурки будут прямоугольные без загибов....

 

[wwt]

Совсем без изображений?

 

Варианты:

1. SVG (inline svg)

2. transform (CSS свойство)

3. canvas (с использованием javascript)

 

Я бы наверное выбрал 1

[Andryshok]

@wwt  - SVG  - она и нарисована там в svg , задача нетривиальная - нужно получать id элементов svg по клику,  JQuery умеет это делать, но суть в том что нужна именно обычная верстка

[wwt]

@wwt  - SVG  - она и нарисована там в svg , задача нетривиальная - нужно получать id элементов svg по клику,  JQuery умеет это делать, но суть в том что нужна именно обычная верстка

 

Тогда без картинок и без js только transform, но учтите что поддержки старых браузеров там не будет.

[sigma77]

4. Карта изображений )

[Jack_V]

[SelenIT]

JQuery умеет это делать

Можно и без jQuery и даже без JS. В SVG могут быть ссылки на обычные якоря, которые можно менять с помощью :target. Но по-моему JS в этой задаче куда оправданнее.

[Andryshok]

JS в этой задаче куда оправданнее.

  Не знаете вы моей задачи , там все очень специфично, transoformom  сделали - @Jack_V подмог , время очень жмет.