настройка для кнопок навигации

Question

Я использую прокручиваемый плагин jquery tools с плагином Navigator для кнопок навигации.

все работает отлично, это просто вопрос позиционирования.

прямо сейчас у меня есть абсолютное позиционирование для кнопок навигации:

.navi {
    width: auto;
    height:13px;
    position: absolute;
    right: 35px;
    top: 10px;
}

.navi a {
    width:8px;
    height:8px;
    float:right;
    margin:3px;
    background: url(../img/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
    cursor: pointer;
}

Мне нужно, чтобы якоря плавали вправо, потому что они будут динамично расти и в дизайне выровнены поправый край и вырасти на левую сторону.

Проблема в том, что плагин сделает якорь в крайнем правом положении первым.Мне нужен первый якорь на левой стороне, чтобы быть первым и повторяться вправо.

в настоящее время html выглядит следующим образом

<div class="navi">
  <a></a>
  <a></a>
  <a class="active"></a>
</div>

с плавающими справа.

Мне нужно, чтобы они плавали вправо, но отображать так:

<div class="navi">
  <a class="active"></a>
  <a></a>
  <a></a>
</div>

Я использую этот плагин Навигатор Jquery Tools

Answer 1

Функциональность по умолчанию float:right; заключается в отображении первого элемента в крайнем правом положении, а следующие элементы будут располагаться справа налево.Если вы хотите, чтобы они отображались слева направо, вам придется использовать float: left;.Если плавающий левый не работает для вас, вам придется изменить порядок изображений.

Answer 2

Это просто проблема CSS - это не имеет ничего общего с jquery, и уж точно не с тегом float C #!

Я предполагаю, что это изображение 'navigator.png' имеет размер 20x20px, поэтому вам придется использоватьблочный элемент на .navi нравится, чтобы иметь возможность установить размер.В этом случае вам нужно будет использовать float: left на .navi a, а затем изменить .navi width: auto на указанный размер (3 a tag = 3 x (8 + 6) = 42 - это ширина + поле),Затем это позволяет вам ввести текст в теги, которые вы можете скрыть, используя .navi текстовый отступ: -9999px.

Альтернатива - просто взломать его, используя некоторые отступы.Лично я бы использовал первое решение.Дайте мне знать, если вам нужно уточнить с помощью кода CSS.