jQuery Lite Accordion Image Positioning -


i looking @ jquery liteaccordion v2. use default set can downloaded from: https://github.com/nikki/liteaccordion, images. kind of learning plug in.

however, have encountered problem image not sitting @ right place. please take @ below screen shot:

enter image description here

i using firefox. element inspector, can see image going little bit bottom , right. not change settings. still same. have followed guide provided in website.

i did try @ css file, not find 1 control image position.

please, thoughts helpful me.

thank in advance help.

edit - code:

<!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 full experience.</p>             </noscript>         </div>     </body> </html> 

the css can found here: https://github.com/nikki/liteaccordion/blob/master/css/liteaccordion.css

i don't change css code, it's still same is.

you can check sample at: http://jsfiddle.net/ajhyk/1/

you haven't compensated <figure>'s default margin. easiest thing remove <figure> element.


Comments

Popular posts from this blog

jasper reports - Fixed header in Excel using JasperReports -

media player - Android: mediaplayer went away with unhandled events -

python - ('The SQL contains 0 parameter markers, but 50 parameters were supplied', 'HY000') or TypeError: 'tuple' object is not callable -