jQuery Lite Accordion Image Positioning

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

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

enter image description here

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

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

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

Благодарим вас за помощь.

Edit - Код:

<!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/

источник

2012-03-07 Arief

Нужно посмотреть какой-нибудь код, не могли бы вы его воспроизвести на jsfiddle.net? – Tjkoopa

@Tjkoopa, извините за задержку ответа на ваш комментарий. Я поместил html-код в качестве вашего запроса. Все коды все те же, что и на веб-странице LiteAccordion: https://github.com/nikki/liteAccordion. css остается точно таким же. Мой html-код также совпадает с базовой реализацией. – Arief

@Tjkoopa, вы можете увидеть его на jsfiddle.net: http://jsfiddle.net/aJhYk/1/ – Arief

Вы не компенсировали < фигуры> края 's по умолчанию. Проще всего было бы удалить элемент <.

источник

2013-06-14 09:46:36 nikki

jQuery Lite Accordion Image Positioning

ответ

Смежные вопросы