выравненный по вертикали тултип

[Zverushka]

http://joxi.ru/uxt7U_3JTJDDMELyvMQ

 

Можно ли вот так выравнивать по вертикали тултип с динамичесокй высотой?

Или без javascript не обойтись?

[Yazon_Nile]

говнокодом, думаю, можно. Перед глазами всякие white-space: nowrap и inline-block с vertical position

Но лучше не мучить себя и использовать js

[npofopr]

А вы тултип в ручную что ли делаете? Не с помощью какого нибудь qtip2? 

Или вы про внутренний текст?

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

[Zverushka]

Я про облачко с закругленными облаками и стрелочкой слева (целиком вместе с текстом).

Ну простые тултипы, не требующие выравнивания сложного выравнивания - я делаю на css. А что в этом плохого? Я уже конечн ктип поставила, но обидно, как-то много скриптов получается, уже 10 штук...

Edited May 20, 2014 by Zverushka

[SelenIT]

Обычный top:0; transform:translateY(-50%); не поможет? Ну а стрелку уже стандартно pos:abs; top:0; bottom:0; margin:auto…

[Zverushka]

Точно... translate c этим же справляется...

[npofopr]

Точно... translate c этим же справляется...

хм. а IE вы перестали поддерживать?

 

Помнится, про translateY(-50%) кто то... вроде бы @kizu писал в твиттере, что это еще та бяка для вертикального выравнивания.. Но увы уже не вспомню, почему. Да и случай наверно не тот.

Возможно @SelentIT вспомнит, про что он писал)

[Zverushka]

А с ie что?

[SelenIT]

К сожалению, не помню, за что Роман ругал этот подход. Поиском нашел только это, имхо, для такой мелочи, как тултип, некритично.

В IE9 -ms-трансформы есть, IE8-, да, придется костылять…

[npofopr]

Зверушка любит костылить)) 

Но вроде было бы отдать эту задачу для qtip2 конечно.