July 23, 200917 yr I striped this page down to the basic essentials trying to figure out whats wrong? if anyone can see why this might not be working... please let me know <!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>Untitled Document</title> <script src="SpryAssets/jquery.js" type="text/javascript"></script> <script src="SpryAssets/jquery.cycle.all.js" type="text/javascript"></script> <script type="text/javascript"> $('#slideshow').cycle({ fx: 'turnLeft', speed: 'fast', timeout: 0, next: '#next', prev: '#prev' }); </script> <style type="text/css"> <!-- body { background-color: #000000; overflow: hidden; } #prev { height: 30px; width: 30px; position: absolute; top: 15px; right: 55px; } #slideshow { height: 100%; width: 100%; } #next { height: 30px; width: 30px; position: absolute; top: 15px; right: 15px; } --> </style> </head> <body> <div id="prev"><a href="#"><img src="images/prev.png" alt="prev" /></a></div> <div id="next"><a href="#"><img src="images/next.png" alt="next" /></a></div> <div id="slideshow" class="pics"> <img src="images/half.png" height="95%" /> <img src="images/half2.png" height="95%"/> </div> </body> </html> Thank you
July 23, 200917 yr I got it to work and all I did was added: html, body{ width:100%; height:100%; } and changed the previous and next divs to just being: height: 30px; width: 30px;
July 23, 200917 yr Author brillian! thank you so much chris! I have no idea why that changes it but, it works! thanks again
Create an account or sign in to comment