jQuery Lite Аккордеонное Позиционирование Изображения - PullRequest
Новая
       23

jQuery Lite Аккордеонное Позиционирование Изображения

0 голосов
/ 07 марта 2012

Я смотрю на jQuery LiteAccordion V2.Я использую все настройки по умолчанию, так как они могут быть загружены из: https://github.com/nikki/liteAccordion,, а также изображений.Я изучаю этот плагин.

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

enter image description here

Я использую Firefox.Таким образом, с помощью инспектора элементов вы можете видеть, что изображение идет немного вниз и вправо.Я не меняю все настройки.Они все такие же.Я следовал руководству, предоставленному на сайте.

Я пытался просмотреть файл css, я не смог найти тот, который контролирует положение изображения.

Пожалуйста, любые мысли были бы очень полезны дляменя.

Заранее большое спасибо за помощь.

Редактировать - Код: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Lite Accordion Test Lab</title>

        <link href="css/liteaccordion.css" rel="stylesheet" type="text/css" />

        <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
        <script src="js/liteaccordion.jquery.js" type="text/javascript"></script>
        <script src="js/my_jquery.js" type="text/javascript"></script>  

    </head>

    <body>

        <div id="lite_accordion">
            <ol>
                <li>
                    <h2><span>Slide One</span></h2>
                    <div>
                        <figure>
                            <img src="images/1.jpg" />
                            <figcaption>Slide 1</figcaption>
                        </figure>
                    </div>
                </li>
                <li>
                    <h2><span>Slide Two</span></h2>
                    <div>
                        <figure>
                            <img src="images/2.jpg" />
                            <figcaption>Slide 2</figcaption>
                        </figure>
                    </div>
                </li>
            </ol>
            <noscript>
                <p>Please enable JavaScript to get the full experience.</p>
            </noscript>
        </div>
    </body>
</html>

Css можно найти здесь: https://github.com/nikki/liteAccordion/blob/master/css/liteaccordion.css

Я не изменяю код CSS, он остается таким же, как и сейчас.

Образец можно проверить по адресу: http://jsfiddle.net/aJhYk/1/

1 Ответ

0 голосов
/ 14 июня 2013

Вы не компенсируете маржу

по умолчанию.Проще всего было бы удалить элемент
.
...