Как разместить карту и блок рядом?

Question

[Alan Ikaev]

Не могу понять как разместить карту и рядом блок... Какую задавать ширину и высоту блоку справа?

Answer 1

[Stalker_RED]

Высоту такую-же как у карты. Ширину по меряйте что-ли, процентов 40, если на глаз.

Наклонную полосу можно на SVG нарисовать, или сделать из блока при помощи transform: rotate() и обрезать лишнее с помощью overflow:hidden или даже псевдоэлементом с бордером: https://jsfiddle.net/pcfoudn1/

Comments

[Alan Ikaev]

Вроде пытаюсь вначале поставить два блока, карте задаю float:left, блоку float:right... Но как бы не пытался, все равно второй блок спадает вниз...

[Stalker_RED]

Alan Ikaev: Маловато ширины. И вы, похоже, слабо представляете себе что такое float и как он работает.

[Андрей]

Stalker_RED: Я тоже только начинающий, а как мне нарисованную полосу в SVG приделать к этому блоку?

[Андрей]

campus1: Я понял - это намёк, я всё ловлю на лету, но непонятно шо конкретно ты имел в виду (с)

[campus1]

не тебе кинул.

Answer 2

[twobomb]

Если не брезгаете clip-path то можно так.

Comments

[Alan Ikaev]

Поддержка у браузеров слабая... Рассматривал этот вариант, спасибо