كود أفضل التصاميم لو سمحتوا

لقد سبق و جربت الكود في هذا الموضوع

كود افضل استايلات لهذا الشهر

لكن الكود يحوي على خطأ حيث أنه عند إضافة الكود في المنتدى ظهر لدي مساحة فارغة تحت الصور المتحركة

لذا أرجو منكم إعطائي نفس الكود الموجود في العنصر المستقل "أفضل التصاميم لهذا الشهر"
و أكون لكم من الشاكرين

شرح طريقة وضع الاكواد فى الصفحة الرئيسية والبوابة
درس في HTML للمبتدئين

أخي أيمن ؟أنت دائما متسرع في ردودك
مشكلتي ليست في وضع الكود في المنتدى
ولا المشكلة في عدم فهمي لhtml

المشكلة أنه عندما أضع هذا الكود ضمن عنصر مستقل يظهر لي فراغ تحت العنصر
أي أنه هناك خطأ صغير في الكود

لذا أرجو منكم إدراج الكود الموجود في العنصر المستقل "أفضل التصاميم لهذا الشهر" في منتدى الدعم
ولكم جزيل الشكر

يا خبراء لو سمحتوا

أرجو المساعدة

المشكلة ليست معقدة
فقد أريد الكود الموجود في العنصر المستقل في منتدى الدعم
أرجو المساعدة يا إداريين

تفضل أخي

الكود:: <style type="text/css"> .picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px} .picshow_main { position: relative; width: 180px; height: 135px} .picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 180px; height: 135px} .picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;} .picshow_change img {width:15px; height: 15px} .picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; -display: inline} a.axx { border-color: #555} a.axx:hover {border-color: #000} a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4} a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0} a.bxx { border-color: #000} a.bxx:hover {border-color: #000} img{ border:0px} </style> <SCRIPT language=javascript> var counts = 3; img1 = new Image(); img1.src = 'http://forum.tureng.com/members/islim-albums-abstract-picture160-abstract-life-1.jpg'; img2 = new Image(); img2.src = 'http://www.angleton.isd.tenet.edu/secondary/hs/smith/web/Mollie-Family%20Page/assets/abstract.jpg'; img3 = new Image(); img3.src = 'http://www.interweb.in/attachments/pc-wallpapers/16371d1223298827-abstract-wallpapers-images-photos-picture-gallery-abstract-wall-9877.jpg'; var smallImg = new Array(); smallImg[0] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton1.gif'; smallImg[1] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton2.gif'; smallImg[2] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton3.gif'; url1 = 'http://mahaja.mam9.com'; url2 = 'http://mahaja.mam9.com'; url3 = 'http://mahaja.mam9.com'; alt1 = new Image(); alt1.alt = 'you-angel87'; alt2 = new Image(); alt2.alt = 'you-angel87'; alt3 = new Image(); alt3.alt = 'you-angel87'; var nn = 1; var key = 0; function change_img() { if (key == 0) { key = 1; } else if (document.all) { document.getElementById("pic").filters[0].Apply(); document.getElementById("pic").filters[0].Play(duration = 2); } eval('document.getElementById("pic").src=img' + nn + '.src'); eval('document.getElementById("url_theme").href=url' + nn); eval('document.getElementById("pic").alt=alt' + nn + '.alt'); if (nn == 1) { document.getElementById("url_theme").target = "_blank"; document.getElementById("url_theme").style.cursor = "pointer"; } else { document.getElementById("url_theme").target = "_blank" document.getElementById("url_theme").style.cursor = "pointer" } for ( var i = 1; i <= counts; i++) { document.getElementById("xxjdjj" + i).className = 'axx'; } document.getElementById("xxjdjj" + nn).className = 'bxx'; nn++; if (nn > counts) { nn = 1; } tt = setTimeout('change_img()', 7000); } function changeimg(n) { nn = n; window.clearInterval(tt); change_img(); } function ImageShow() { document.write('<div class="picshow_main">'); document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>'); document.write('<div class="picshow_change">'); for ( var i = 0; i < counts; i++) { document.write('<a href="javascript:changeimg(' + (i + 1) + ');" id="xxjdjj' + (i + 1) + '" class="axx" target="_self"><img src="' + smallImg[i] + '"></a>'); } document.write('</div></div>'); change_img(); } </SCRIPT> <SCRIPT language="javascript" type="text/javascript"> ImageShow(); </SCRIPT>