Выравнивание всплывающей подсказки

Question

Как я могу изменить CSS так, чтобы всплывающая подсказка отображалась справа налево? С точностью до наоборот.

http://jsfiddle.net/Q55C8/

Спасибо!

Answer 1

напишите так:

.tooltip span.info {
    display:none;
    position: absolute;
    white-space:nowrap;
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0,0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    margin-left: 0;
    z-index: 1;
    top:20px;
    right:0;
}

отметьте это http://jsfiddle.net/sandeep/Q55C8/5/

Answer 2

Просто установите абсолютную позицию вашей подсказки (фиксированная позиция, фиксирует подсказку относительно окна, а не ссылки) и отрегулируйте позицию, используя стиль right:xx css.

a.tooltip:hover span.info { display: block; position: absolute; right:-146px }

Демо

http://jsfiddle.net/Q55C8/4/