Плагин Easy Slider jQuery Центрирование цифровых кнопок с помощью CSS - PullRequest
Новая
       9

Плагин Easy Slider jQuery Центрирование цифровых кнопок с помощью CSS

0 голосов
/ 05 марта 2011

Привет, ребята! Я пытаюсь реализовать Easy Slider jQuery Plugin Версия 1.7 и у меня возникли некоторые проблемы. На этой странице demo вы можете видеть пронумерованные кнопки под слайдом, и я пытаюсь отцентрировать его на слайде и просто не могу заставить его работать.

Это css по умолчанию для нумерованных кнопок, и мне было интересно, что мне нужно было изменить, чтобы он центрировался на странице. 

    /* numeric controls */  

ol#controls{
    margin:1em 0;
    padding:0;
    height:28px;    
    }
ol#controls li{
    margin:0 10px 0 0; 
    padding:0;
    float:left;
    list-style:none;
    height:28px;
    line-height:28px;
    }
ol#controls li a{
    float:left;
    height:28px;
    line-height:28px;
    border:1px solid #ccc;
    background:#DAF3F8;
    color:#555;
    padding:0 10px;
    text-decoration:none;
    }
ol#controls li.current a{
    background:#5DC9E1;
    color:#fff;
    }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/ * // Easy Slider * /

Спасибо за помощь!

1 Ответ

0 голосов
/ 05 марта 2011

Просто установите 

  text-align:center;

на родительский элемент.

Редактировать: добавить следующее (с правильной шириной, я не проверял) к ol # control style def: 

    width:250px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
...