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:
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
Post a Comment