jQuery Lite 아코디언 이미지 위치 지정

jQuery LiteAccordion V2가 있습니다. 나는 기본적으로 설정 한 모든 것을 다음에서 다운로드 할 수 있으므로 사용합니다 : https://github.com/nikki/liteAccordion, 이미지. 이 플러그인에 대해 배우는 중입니다.jQuery Lite 아코디언 이미지 위치 지정

그러나 이미지가 올바른 위치에 있지 않은 문제가 발생했습니다. 아래 스크린 샷에서 봐 주시기 바랍니다 : 나는 파이어 폭스를 사용하고

enter image description here

. 요소 검사기를 사용하면 이미지가 아래쪽에서 오른쪽으로 조금씩 이동하는 것을 볼 수 있습니다. 모든 설정을 변경하지 않습니다. 그들은 여전히 동일합니다. 나는 웹 사이트에서 제공된 지침을 따랐다.

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/

출처

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

당신은 <도 보상하지 않은>의 기본 마진 :

당신은에서 샘플을 확인할 수 있습니다. 가장 쉬운 방법은 < 그림> 요소를 제거하는 것입니다.

출처

2013-06-14 09:46:36 nikki

jQuery Lite 아코디언 이미지 위치 지정

답변

관련 문제