Connecting Tech Pros Worldwide Help | Site Map
bytes > topic > html css > answers

show pictures in IE correctly but in firefox browser picture is'n shown

Member
  
Join Date: Jan 2009
Posts: 52
#1: Sep 7 '09
hi
would you please help me
i have a online shopping center that i show pictures of the my product in home page.
in the InterExplorer pictures is shown correctly but in Firefox browser is shown properties alt in img tag istead of picture .
place of the pictures is saved in the database(my database is with mysql)
and in home page i fetch properties of the product and address of place that pictures is located
output of the code in the browser is as follow
Expand|Select|Wrap|Line Numbers
  1. <meta http-equiv='Content-Type' content='text/html; charset=utf-8'><html>
  2. <head>
  3. <title>فروشگاه الکترونیکی موبایل 110</title>
  4. <script language="JavaScript" type="text/JavaScript">
  5. <!--
  6. <!--
  7. function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  8.   if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
  9.     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  10.   else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
  11. }
  12. MM_reloadPage(true);
  13. //-->
  14.             function hR(sender)
  15.             {
  16.                 sender.style.backgroundColor ="#006699";
  17.             }
  18.             function oR(sender)
  19.             {
  20.                 sender.style.backgroundColor = "";
  21.             }
  22.  
  23. function MM_findObj(n, d) { //v4.01
  24.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  25.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  26.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  27.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  28.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  29. }
  30.  
  31. function MM_showHideLayers() { //v6.0
  32.   var i,p,v,obj,args=MM_showHideLayers.arguments;
  33.   for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
  34.     if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
  35.     obj.visibility=v; }
  36. }
  37.  
  38.  
  39. var firstTime=true;
  40. var ar_img=new Array("../images/p1.gif","../images/p2.gif","../images/p3.gif","../images/p4.gif","../images/p5.gif","../images/p6.gif","../images/p7.gif","../images/p8.gif");
  41. var pos=0;
  42.  
  43. if(document.getElementById)//broswer is IE5 , Netscape 6 and later
  44. {
  45. stdBrowser=true;
  46. }
  47. else
  48. {
  49. stdBrowser=false;
  50. }
  51. function moveIt()
  52. {
  53.     ++pos;
  54.     if(pos==ar_img.length)
  55.     {
  56.     pos=0;
  57.     }
  58.     else if(pos<0)
  59.     {
  60.     pos=ar_img.length-1;
  61.     }
  62.  
  63.     if(firstTime)
  64.     {
  65.         if(stdBrowser)//for Netscape6 and IE5 and later document.getElementById is known and value of top and left is not number
  66.         {
  67.         moverObj=document.getElementById('mover').style;
  68.         moverObj.top="5px";        //for Netscape6 and IE5 and later value of top and left is not number
  69.         moverObj.left="5px";        
  70.         }
  71.         if(document.all)//for  IE
  72.         {
  73.         maxHeight=document.body.clientHeight-40;
  74.         maxWidth=document.body.clientWidth-40;
  75.         }
  76.         else//for Netscape
  77.         {
  78.         maxHeight=window.innerHeight-40;
  79.         maxWidth=window.innerWidth-40;
  80.         }
  81.     firstTime=false;
  82.     }
  83.  
  84.     if(stdBrowser)
  85.     {
  86.     topPos=parseInt(moverObj.top);//for Netscape6 and IE5 and later value of top and left is not number
  87.     leftPos=parseInt(moverObj.left);
  88.     }
  89.     else
  90.     {
  91.     topPos=document.mover.top;
  92.     leftPos=document.mover.left;
  93.     }
  94.  
  95.     chgYby=Math.floor(Math.random()*10);
  96.  
  97.     if((halfChance() || topPos>=maxHeight) && topPos>5)
  98.     {
  99.     topPos-=chgYby;
  100.     }
  101.     else
  102.     {
  103.     topPos+=chgYby;
  104.     }
  105.  
  106.     chgXby=Math.floor(Math.random()*10);
  107.     if((halfChance() || leftPos>=maxWidth) && leftPos>5)
  108.     {
  109.     leftPos-=chgXby;
  110.     }
  111.     else
  112.     {
  113.     leftPos+=chgXby;
  114.     }
  115.     if(stdBrowser)
  116.     {    
  117.         if(topPos%10!=0)
  118.         {
  119.         moverObj.top=topPos+"px";//for Netscape6 and IE5 and later value of top and left is not number
  120.         moverObj.left=leftPos+"px";
  121.         }
  122.     }
  123.     else
  124.     {
  125.         if(topPos%10!=0)
  126.         {
  127.         document.mover.top=topPos;
  128.         document.mover.left=leftPos;
  129.         }
  130.     }
  131.     document.picture.src=ar_img[pos];
  132. setTimeout("moveIt()",40);
  133. }
  134.  
  135. function halfChance()
  136. {
  137.     if(Math.random()<.5)
  138.     {
  139.     return true;
  140.     }
  141.     return false;
  142. }
  143.  
  144.  
  145.       function decreaseUser(dataSource) 
  146.       { 
  147.             var XMLHttpRequestObject = false; 
  148.           if(window.XMLHttpRequest)
  149.           {
  150.             XMLHttpRequestObject = new XMLHttpRequest();
  151.           }
  152.           else if (window.ActiveXObject)
  153.           {
  154.             XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
  155.           }
  156.  
  157.         if(XMLHttpRequestObject)
  158.         {
  159.           XMLHttpRequestObject.open("GET", dataSource); 
  160.           XMLHttpRequestObject.onreadystatechange = function() 
  161.           { 
  162.             if (XMLHttpRequestObject.readyState == 4 && (XMLHttpRequestObject.status == 200 || XMLHttpRequestObject.status == 0))
  163.             {
  164.                 var out=XMLHttpRequestObject.responseText;
  165.                 alert(out);
  166.             } 
  167.           } 
  168.  
  169.           XMLHttpRequestObject.send(null); 
  170.         }
  171.       }
  172.  
  173. //-->
  174. </script>
  175. <style>
  176. #mover {position: absolute; left:5px; top:5px; z-index:100;}
  177. a.a1 {text-decoration:none; color:#FFFFFF;  font-size:13; font-weight:bold;}
  178. TD.DSB {
  179.     BORDER: #e6e2d8 1px solid;
  180.     PADDING-RIGHT: 5px; 
  181.      PADDING-LEFT: 5px; 
  182.     FONT-SIZE: 8pt;
  183.      VERTICAL-ALIGN: top; 
  184.      BACKGROUND-COLOR: #f7f6f1;
  185.      height:12px;
  186.      }
  187.      TD.DSA {
  188.     border: #e6e2d8 1px solid;
  189.     PADDING-LEFT: 5px;
  190.      VERTICAL-ALIGN: top;
  191.     BACKGROUND-COLOR:#F2F8FF;
  192.     FONT-SIZE: 10pt;
  193.  
  194.     PADDING-RIGHT: 5px;
  195.      height:12px;
  196. }
  197.      td.td1 {
  198.     BORDER-RIGHT: #333333 1px solid;
  199.     BORDER-LEFT: #333333 1px solid;
  200.     BORDER-BOTTOM: #333333 0px solid;
  201.     BORDER-TOP:#333333 0px solid;
  202.     PADDING-LEFT: 5px;
  203.     VERTICAL-ALIGN: top;
  204.     PADDING-RIGHT: 5px;
  205. }
  206. td.td21 {font-size:12px; color:#003366; border:#E9F0FE 1px groove; }
  207. td.td22 {font-size:12px; color:#003366; }
  208. a.LS {text-decoration:none; color:#006699; }
  209. a.a_header:hover {text-decoration:none; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#006699; }
  210. a.a_header:visited {text-decoration:none; color:#F2F9FF; font-size:14px; }
  211. a.a_header:link {text-decoration:none; color:#FFFFFF; font-size:14px; font-weight:500; }
  212. .style5 {font-size:16px; color:#CCCCCC; font-weight:bold;  }
  213. a.a2:link {color:#003366; font-size:12px; text-decoration:underline;}
  214. a.a2:hover {color:#FF0000; font-size:13px; text-decoration:none; font-weight:bold; }
  215. a.a2:visited {color:#006699; font-size:13px; text-decoration:none;}
  216. .right12gray {color:#666666; text-align:right; font-size:12px; font-weight:400; }
  217. a.a_mark:link, a.a_mark:visited, a.a_mark:active {
  218. font-size:14px; text-decoration:none; color:#FFFFFF; font-weight:bold; 
  219. }
  220. a.a_mark:hover {font-size:14px; text-decoration:none; color:#DDDDDD; font-weight:bold; }
  221.  
  222. body 
  223. {
  224.     scrollbar-face-color:#FFFFFF; 
  225.     scrollbar-highlight-color: #3399CC;
  226.     scrollbar-shodow-color: #3399CC;
  227.     scrollbar-arrow-color: #006699;
  228.          SCROLLBAR-BASE-COLOR: #005500;
  229.            scrollbar-3d-light-color: #faddf0;
  230. }
  231. </style>
  232. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  233. </head>
  234. <!-- The structure of this file is exactly the same as 2col_leftNav.html;
  235.      the only difference between the two is the stylesheet they use -->
  236. <body dir="rtl" background="../images/BK21.GIF" onLoad="moveIt()"  onUnload="decreaseUser('logOffUser.php')">
  237. <!--lyrBtnBasketBuy-->
  238. <basefont color="#003366" size="2">
  239. <script language="javascript">
  240. a=screen.width;
  241. a=a-800;
  242. if(a>0)
  243. {
  244.     if(a%2==1)
  245.     {
  246.     a=(a-1)/2;
  247.     }
  248.     else
  249.     {
  250.     a=a/2
  251.     }
  252. }
  253. else
  254. {
  255.  a=0;
  256. }
  257. /////////////////////////////////////////////////////////////////////////////////////////////////////
  258. document.write('<div id="mover">');                                                           ///////
  259. document.write('<img src="http://bytes.com/submit/images/p1.gif" width="25" height="25"  alt="" name="picture" />');//////
  260. document.write('</div>');                                                                      //////
  261. /////////////////////////////////////////////////////////////////////////////////////////////////////
  262.  
  263. document.write('<div id="lyrBody" style="position:absolute; left:'+a+'px; top:4px; width:800px; height:688px; z-index:1;">');
  264. </script>
  265.  
  266. <!--lyrFavoriteColor-->
  267. <table width="800" height="890" border="1" bordercolor="#999999">
  268. <!--tableBase-->
  269. <tr>
  270.     <td height="143" colspan="2">    <div id="lyrHead" style="position:absolute; left:0px; top:0px; width:800px; height:230px; z-index:2; overflow: hidden;">
  271.       <div id="lyrBackHead" style="position:absolute; left:0px; top:0px; width:800px; height:182px; z-index:3">
  272.           <!--lyrLogin-->
  273. <div id="lyrTitleShop" style="position:absolute; left:495px; top:42px; width:235px; height:31px; z-index:2; color: #FFFFFF; font-weight: bold; font-size: 20px; font-family: Arial, Helvetica, sans-serif;">
  274. فروشگاه الکترونیکی موبایل 110</div><!--lyrTitleShop-->
  275.                     <div id="lyrLogo" style="position:absolute; left:723px; top:39px; width:39px; height:34px; z-index:3"><img src="http://bytes.com/submit/images/planeta%5B1%5D.gif" width="29" height="29"></div>
  276.           <img src="http://bytes.com/submit/images/6.gif" width="800" height="130">
  277.  
  278. <!--lytBasketBuy-->
  279.    </div>
  280.       <!--lyrBackHead--> 
  281.        <div id="lyrPhotoHead" style="position:absolute; left:-32px; top:1px; width:182px; height:185px; z-index:6">
  282.          <img src="http://bytes.com/submit/images/4.gif" width="183" height="176">
  283.       </div><!--lyrPhotoHead-->
  284.       <div id="lyrUser" style="position:absolute; left:0px; top:151px; width:800px; height:26px; z-index:3">
  285.           <img src="http://bytes.com/submit/images/38.gif" width="800" height="25">
  286.                   <div id="lyrNameCurrentDay" style="position:absolute; left:665px; top:3px; width:123px; height:20px; z-index:6">
  287.                 <div class='right12gray'>دو شنبه</div>                </div><!--lyrNameCurrentDay-->
  288.  
  289.                 <div id="lyrCurrentDate" style="position:absolute; left:607px; top:3px; width:139px; height:20px; z-index:6">
  290.                 <font color='#666666' size='2'>1388/6/16</font></div><!--lyrCurrentDate-->
  291.  
  292.                 <div id="lyrGhamari" style="position:absolute; left:540px; top:3px; width:143px; height:20px; z-index:6">
  293.                       <div id="lyrDayGhamari" style="position:absolute; left:122px; top:0px; width:14px; height:20px; z-index:7">
  294.                          <div class='right12gray'>17</div>                     </div><!--lyrDayGhamari-->
  295.                      <div id="lyrMonthGhamari" style="position:absolute; left:75px; top:0px; width:44px; height:20px; z-index:7">
  296.                           <div class='right12gray'>رمضان</div>                     </div><!--lyrMonthGhamari-->
  297.                       <div id="lyrYearGhamari" style="position:absolute; left:51px; top:0px; width:20px; height:20px; z-index:7">
  298.                           <div class='right12gray'>1430</div>                      </div><!--lyrYearGhamari--->
  299.                 </div><!--lyrGhamari-->
  300.  
  301.                 <div id="lyrMiladi" style="position:absolute; left:450px; top:3px; width:131px; height:20px; z-index:6">
  302.                        <div id="lyrMiladiDay" style="position:absolute; left:110px; top:0px; width:15px; height:20px; z-index:7">
  303.                      <div class='right12gray'>7</div>                     </div><!--lyrMiladiDay-->
  304.                      <div id="lyrMiladiMonth" style="position:absolute; left:80px; top:0px; width:28px; height:20px; z-index:7">
  305.                     <div class='right12gray'>Sep</div>                     </div><!--lyrMiladiMonth-->
  306.                      <div id="lyrMiladiYear" style="position:absolute; left:55px; top:0px; width:29px; height:20px; z-index:7">
  307.                      <div class='right12gray'>2009</div>                     </div><!--lyrMiladiYear-->
  308.                 </div><!--lyrMiladi-->
  309.  
  310.                 <div id="lyrCounterVisit" style="position:absolute; left:148px; top:3px; width:162px; height:20px; z-index:5">
  311.                 <div class='right12gray'>  تعداد باز دید کنندگان امروز: 3</div>                </div><!--lyrCounterVisit-->
  312.  
  313.       </div> <!--lyrUser-->
  314.       <div id="lyrMenu" style="position:absolute; left:0px; top:130px; width:800px; height:30px; z-index:3">
  315.         <!--lyrM1-->
  316.         <div id="lyrM10" style="position:absolute; left:111px; top:0px; width:90px; height:22px; z-index:4">
  317.            <div id="lyrCantactUsOn" style="position:absolute; left:20px; top:3px; width:58px; height:15px; z-index:1; visibility: visible;">
  318.              <a href="contact_with_us.php" class="a1"  onMouseOver="MM_showHideLayers('lyrM10','','hide')" onMouseOut="MM_showHideLayers('lyrM10','','show')">ارتباط با ما </a></div>
  319.            <div align="center"><img src="http://bytes.com/submit/images/52r.gif" width="4" height="20"><img src="http://bytes.com/submit/images/52.gif" width="70" height="20"><img src="http://bytes.com/submit/images/52l.gif" width="4" height="20"></div>
  320.         </div>
  321.         <div id="lyrM7" style="position:absolute; left:311px; top:0px; width:76px; height:22px; z-index:4">
  322.           <div id="lyrBuyPhoneOn" style="position:absolute; left:11px; top:3px; width:50px; height:18px; z-index:1; visibility: visible;">
  323.             <a href="shoping_via_phone.php" class="a1"  onMouseOver="MM_showHideLayers('lyrM7','','hide')" onMouseOut="MM_showHideLayers('lyrM7','','show')">خرید تلفنی</a></div>
  324.           <div align="center"><img src="http://bytes.com/submit/images/52r.gif" width="4" height="20"><img src="http://bytes.com/submit/images/52.gif" width="60" height="20"><img src="http://bytes.com/submit/images/52l.gif" width="4" height="20"></div>
  325.         </div>
  326.         <div id="lyrM6" style="position:absolute; left:377px; top:0px; width:90px; height:22px; z-index:4">
  327.           <div id="lyrThriftOn" style="position:absolute; left:14px; top:3px; width:62px; height:15px; z-index:1; visibility: visible;">
  328.             <a href="show_second_hand.php" class="a1" onMouseOver="MM_showHideLayers('lyrM6','','hide')" onMouseOut="MM_showHideLayers('lyrM6','','show')">دست دومی ها </a></div>
  329.           <div align="center"><img src="http://bytes.com/submit/images/52r.gif" width="4" height="20"><img src="http://bytes.com/submit/images/52.gif" width="70" height="20"><img src="http://bytes.com/submit/images/52l.gif" width="4" height="20"></div>
  330.         </div>
  331.         <div id="lyrM3" style="position:absolute; left:590px; top:0px; width:71px; height:22px; z-index:4">
  332.           <div id="lyrMembershipOn" style="position:absolute; left:13px; top:3px; width:41px; height:14px; z-index:5; visibility:visible; ">
  333.             <a href="Register.php" class="a1"  onMouseOver="MM_showHideLayers('lyrM3','','hide')" onMouseOut="MM_showHideLayers('lyrM3','','show')">عضویت</a>
  334.           </div>
  335.           <!--lyrMembershipOn-->
  336.           <div align="center"><img src="http://bytes.com/submit/images/52r.gif" width="4" height="20"><img src="http://bytes.com/submit/images/52.gif" width="60" height="20"><img src="http://bytes.com/submit/images/52l.gif" width="4" height="20"></div>
  337.         </div><!--lyrM3-->
  338.         <div id="lyrM4" style="position:absolute; left:538px; top:0px; width:56px; height:22px; z-index:4">
  339.           <div id="lyrNewsOn" style="position:absolute; left:11px; top:3px; width:32px; height:14px; z-index:5; visibility: visible;">
  340.             <a href="http://bytes.com/submit/included_file/lead_page_news.php" class="a1" onMouseOver="MM_showHideLayers('lyrM4','','hide')" onMouseOut="MM_showHideLayers('lyrM4','','show')">اخبار</a>
  341.           </div>
  342.           <!--lyrNewsOn-->
  343.           <div align="center"><img src="http://bytes.com/submit/images/52r.gif" width="4" height="20"><img src="http://bytes.com/submit/images/52.gif" width="45" height="20"><img src="http://bytes.com/submit/images/52l.gif" width="4" height="20"></div>
  344.         </div><!--lyrM4-->
  345.         <div id="lyrM5" style="position:absolute; left:457px; top:0px; width:87px; height:22px; z-index:4">
  346.           <div id="lyrSuitableSearchOn" style="position:absolute; left:8px; top:3px; width:69px; height:14px; z-index:5; visibility: visible;">
  347.             <a href="suitable_search.php" class="a1"  onMouseOver="MM_showHideLayers('lyrM5','','hide')" onMouseOut="MM_showHideLayers('lyrM5','','show')">جستجوی ممتاز </a></div>
  348.           <div align="center"><img src="http://bytes.com/submit/images/52r.gif" width="4" height="20"><img src="http://bytes.com/submit/images/52.gif" width="70" height="20"><img src="http://bytes.com/submit/images/52l.gif" width="4" height="20"></div>
  349.         </div>
  350.         <div id="lyrM1" style="position:absolute; left:733px; top:0px; width:68px; height:22px; z-index:4">
  351.           <div id="lyrHomeOn" style="position:absolute; left:9px; top:3px; width:40px; height:14px; z-index:5; visibility: visible;">
  352.             <div align="center"><a href="index.php" class="a1" onMouseOver="MM_showHideLayers('lyrM1','','hide')" onMouseOut="MM_showHideLayers('lyrM1','','show')">خانه</a></div>
  353.           </div>
  354.           <div align="center"><img src="http://bytes.com/submit/images/52r.gif" width="4" height="20"><img src="http://bytes.com/submit/images/52.gif" width="55" height="20"><img src="http://bytes.com/submit/images/52l.gif" width="4" height="20"></div>
  355.         </div>
  356.         <div id="lyrM2" style="position:absolute; left:654px; top:0px; width:87px; height:22px; z-index:4">
  357.           <div id="lyrLoginOn" style="position:absolute; left:8px; top:3px; width:74px; height:14px; z-index:5; visibility: visible;"> 
  358.             <div align="center"><a href="login.php" class="a1" onMouseOver="MM_showHideLayers('lyrM2','','hide')" onMouseOut="MM_showHideLayers('lyrM2','','show')">ورود به سایت </a></div>
  359.           </div>
  360.           <div align="center"><img src="http://bytes.com/submit/images/52r.gif" width="4" height="20"><img src="http://bytes.com/submit/images/52.gif" width="70" height="20"><img src="http://bytes.com/submit/images/52l.gif" width="4" height="20">
  361.           </div>
  362.         </div>
  363.  
  364.         <div id="lyrM9" style="position:absolute; left:194px; top:0px; width:79px; height:24px; z-index:4">
  365.           <div id="lyrBuyPhoneOn" style="position:absolute; left:-5px; top:3px; width:79px; height:18px; z-index:1; visibility: visible;"><a href="follow_orders.php" class="a1"  onMouseOver="MM_showHideLayers('lyrM9','','hide')" onMouseOut="MM_showHideLayers('lyrM9','','show')">پیگیری خریدها </a></div>
  366.           <div align="center"><img src="http://bytes.com/submit/images/52r.gif" width="4" height="20"><img src="http://bytes.com/submit/images/52.gif" width="70" height="20"><img src="http://bytes.com/submit/images/52l.gif" width="4" height="20"></div>
  367.         </div>
  368.         <div id="lyrM8" style="position:absolute; left:268px; top:0px; width:50px; height:22px; z-index:4">
  369.           <div id="lyrNewsOn" style="position:absolute; left:11px; top:3px; width:32px; height:15px; z-index:1; visibility: visible;"> <a href="close_site.php" class="a1" onMouseOver="MM_showHideLayers('lyrM8','','hide')" onMouseOut="MM_showHideLayers('lyrM8','','show')">خروج</a></div>
  370.           <div align="center"><img src="http://bytes.com/submit/images/52r.gif" width="4" height="20"><img src="http://bytes.com/submit/images/52.gif" width="35" height="20"><img src="http://bytes.com/submit/images/52l.gif" width="4" height="20"></div>
  371.         </div>
  372.         <!--lyrCurrentDate-->
  373.       </div><!--lyrMenu-->
  374.       <div id="lyrSearch" style="position:absolute; left:0px; top:105px; width:800px; height:25px; z-index:3">
  375.         <div id="lyrCurrentUser" style="position:absolute; left:160px; top:4px; width:152px; height:17px; z-index:5">
  376.         <font color='#666666' size='2'>کاربر حاضر:میهمان</font>        </div>
  377.         <!--lyrCurrentUser-->
  378.         <img src="http://bytes.com/submit/images/btn1.gif" width="800" height="25">
  379. <!--lyrLogin-->
  380. <!--lyrInLogin-->
  381.       </div>
  382.       <div id="lyrUnderMenu" style="position:absolute; left:0px; top:125px; width:800px; height:25px; z-index:1; background-color:#FFFFFF; ">
  383.         <img src="http://bytes.com/submit/images/52after.gif" width="800" height="25">
  384.       </div>
  385.       <div id="lyrUser" style="position:absolute; left:0px; top:177px; width:648px; height:24px; z-index:3; " >
  386. <img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20">
  387. <img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20">
  388. <img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20">
  389. <img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20">
  390. <img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20">
  391. <img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20">
  392. <img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20">
  393. <img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20">
  394. <img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20">
  395. <img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20"><img src="http://bytes.com/submit/images/2namwy8.gif" width="20" height="20">
  396.  
  397.          </div>
  398.                    <!--lyrUnderMenu-->
  399.     </div>
  400.     <!--lyrHead-->  </td>
  401. </tr>
  402.   <tr>
  403.   <td width="630">
  404.  <div id="lyrNamePhone" style="position:absolute; left:648px; top:176px; width:150px; height:660px; z-index:4; overflow:hiddetn; "> 
  405.  <div id="lyrAmarSite" style="position:absolute; left:5px; top:540px; width:140px; height:140px; z-index:5; overflow:hidden; "> 
  406.   <table style="table-layout:fixed; border:#3399CC 1px inset;" width="140px" bgcolor="#FFFFFF" rules="none" background="../images/BK21.GIF" >
  407.   <tr><td colspan="2" align="center"><font size="3" color="#003366"><b>خلاصه آمار سایت</b></font></td></tr>
  408.  <tr><td class="td22">بازدید امروز:</td><td class="td21">3</td></tr>
  409.   <tr><td class="td22">بازدید دیروز:</td><td class="td21"></td></tr>
  410.  <tr><td class="td22">افراد آنلاین:</td><td class="td21">2</td></tr>
  411.  <tr><td class="td22">بازدید کل:</td><td class="td21">21071</td></tr>
  412.  <tr><td class="td21" align="center" colspan="2"><a href="amar_site.php" class="a2">&laquo;&nbsp;نمایش کل آمار&nbsp;&raquo; </a></td></tr>
  413.  </table>
  414.  </div><!--lyrAmarSite-->
  415.      <table border="0" style="table-layout: fixed; width:150px; padding-right:0px; "
  416.         cellSpacing="1" >                           <tr class="DSB">
  417.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=nokia&menu_right=1" class="a_mark">نوکیا</a> 
  418.  
  419.             </td></tr>                <tr class="DSB">
  420.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=sony&menu_right=1" class="a_mark">سونی</a> 
  421.  
  422.             </td></tr>                <tr class="DSB">
  423.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=sumsung&menu_right=1" class="a_mark">سامسونگ</a> 
  424.  
  425.             </td></tr>                <tr class="DSB">
  426.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=motorola&menu_right=1" class="a_mark">موتورولا</a> 
  427.  
  428.             </td></tr>                <tr class="DSB">
  429.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=sony ericson&menu_right=1" class="a_mark">سونی اریکسون</a> 
  430.  
  431.             </td></tr>                <tr class="DSB">
  432.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=lg&menu_right=1" class="a_mark">ال جی</a> 
  433.  
  434.             </td></tr>                <tr class="DSB">
  435.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=apple&menu_right=1" class="a_mark">اپل</a> 
  436.  
  437.             </td></tr>                <tr class="DSB">
  438.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=thc&menu_right=1" class="a_mark">تی اچ سی</a> 
  439.  
  440.             </td></tr>                <tr class="DSB">
  441.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=imeet&menu_right=1" class="a_mark">آی میت</a> 
  442.  
  443.             </td></tr>                <tr class="DSB">
  444.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=oto&menu_right=1" class="a_mark">اتو</a> 
  445.  
  446.             </td></tr>                <tr class="DSB">
  447.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=iten&menu_right=1" class="a_mark">ایتن</a> 
  448.  
  449.             </td></tr>                <tr class="DSB">
  450.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=hp&menu_right=1" class="a_mark">اچ پی</a> 
  451.  
  452.             </td></tr>                <tr class="DSB">
  453.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=asus&menu_right=1" class="a_mark">ایسوز</a> 
  454.  
  455.             </td></tr>                <tr class="DSB">
  456.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=giga byte&menu_right=1" class="a_mark">گيگابايت</a> 
  457.  
  458.             </td></tr>                <tr class="DSB">
  459.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=cutak&menu_right=1" class="a_mark">کيوتک</a> 
  460.  
  461.             </td></tr>                <tr class="DSB">
  462.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=palm&menu_right=1" class="a_mark">پالم</a> 
  463.  
  464.             </td></tr>                <tr class="DSB">
  465.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=sajm&menu_right=1" class="a_mark">ساژم</a> 
  466.  
  467.             </td></tr>                <tr class="DSB">
  468.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=alkatel&menu_right=1" class="a_mark">آلكاتل</a> 
  469.  
  470.             </td></tr>                <tr class="DSB">
  471.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=filips&menu_right=1" class="a_mark">فيليپس</a> 
  472.  
  473.             </td></tr>                <tr class="DSB">
  474.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=zimens&menu_right=1" class="a_mark">زيمنس</a> 
  475.  
  476.             </td></tr>                <tr class="DSB">
  477.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=panasonic&menu_right=1" class="a_mark">پاناسونيک</a> 
  478.  
  479.             </td></tr>                <tr class="DSB">
  480.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=pantec&menu_right=1" class="a_mark">پنتک</a> 
  481.  
  482.             </td></tr>                <tr class="DSB">
  483.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=hire&menu_right=1" class="a_mark">هاير</a> 
  484.  
  485.             </td></tr>                <tr class="DSB">
  486.                 <td align="center" height='20' bgcolor=#3399CC  onMouseOver=hR(this) onmouseout=oR(this)><a  href="index.php?borand=tak i&menu_right=1" class="a_mark">آی تک</a> 
  487.  
  488.             </td></tr><script language="JavaScript" type="text/JavaScript">
  489. <!--
  490. var cur_mos=false;//mouse is out of image for show or hide news from first page that curmos=false meaning mouse out of
  491. var state=true;//content of  tr is shown while state=true this variable for shide or hide title of news from first page of site
  492. function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  493.   if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
  494.     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  495.   else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
  496. }
  497. MM_reloadPage(true);
  498. function mouse_clk(img_id,tr_id)
  499. {
  500. state=true ^ state;
  501.     if(state)
  502.     {
  503.         document.getElementById(img_id).src="../images/arrow_top_after.gif";
  504.         document.getElementById(tr_id).style.display="";
  505.  
  506.     }
  507.     else
  508.     {
  509.         document.getElementById(img_id).src="../images/arrow_bottom_after.gif";
  510.         document.getElementById(tr_id).style.display="none";
  511.     }
  512. }
  513. function mouse_o(img_id)
  514. {
  515. cur_mos=cur_mos ^ true;
  516. if(state==true)
  517. {
  518.         if(cur_mos==true)
  519.         {
  520.         document.getElementById(img_id).src="../images/arrow_top_after.gif";
  521.         }
  522.         else
  523.         {
  524.         document.getElementById(img_id).src="../images/arrow_top_befor.gif";
  525.         }
  526. }
  527. else
  528. {
  529.         if(cur_mos==true)
  530.         {
  531.         document.getElementById(img_id).src="../images/arrow_bottom_befor.gif";
  532.         }
  533.         else
  534.         {
  535.         document.getElementById(img_id).src="../images/arrow_bottom_befor.gif";
  536.         }
  537. }
  538. }
  539.  
  540.  
  541.  
  542. //-->
  543. </script>
  544.  
  545.         <tr><td height="180" bgcolor="#3399CC"></td></tr>
  546.    </table>
  547.  </div> <!--lyrNamePhone-->
  548.  </td>
  549. <td width="154"  height="660">
  550. <div id="lyrBodyLeft" style="position:absolute; left:0px; top:176px; width:600px; height:660px; z-index:5">
  551. <!------------------------------------------------------------------------------------------------------>
  552.   <div id="lyrNewsHome" style="position:absolute; left:15px; top:33px; width:610px; height:74px; z-index:2">
  553.   <!--table for show news on homepage-->
  554. <table width="610"  border="1" align="center" cellspacing="0"  bordercolor="#CCCCCC" rules="none" style="padding-top:0px; table-layout:fixed; 
  555.    border-collapse:collapse; "  cellpading="0">
  556. <tr>
  557. <td width="590" background="../images/yahoo.gif" style="background-repeat:repeat-x; "><font color="#003366" size="3">اخبار</font></td>
  558. <td width="20"  background="../images/yahoo.gif">
  559. <img src="http://bytes.com/submit/images/arrow_top_befor.gif" width="15" height="15" id='img_news' onClick="mouse_clk('img_news','tr_news')" onMouseOver="mouse_o('img_news')" onMouseOut="mouse_o('img_news')" border="0">
  560. </td>
  561. </tr>
  562. <tr id='tr_news'><td colspan='2'><font color='#003366' size='2'>گوشي جديد سامسونگ براي كاربران معمولي</font>
  563.     <a href='./show_alluser_news.php?i=29' style='text-decoration:none; color:#666666; font-size:12px; '> شرح خبر </a></td></tr>    </table>
  564.     <!--table for show news on homepage-->
  565.   </div>
  566.   <!--lyrNewsHome-->
  567.   <div id="lyrShowProduct" style="position:absolute; left:10px; top:94px; width:610px; height:607px; z-index:2">
  568.     <!--this table include all product in homepage-->
  569.     <table  cellpading="2" align="center" cellspacing="2"  border="1"
  570. style="padding-top:0px; table-layout:fixed; width:610px; height:516px" rules="none" >
  571.   <tr><td width="610px" colspan="4" background="../images/header_td2.gif" style="background-repeat:repeat-x " height="25px">
  572.     <font color="#FFFFFF" size="3"><strong>تازه ها</strong></font></td>
  573.   </tr>
  574. <tr>
  575. <td width="163" height='172px'  onmouseover=hR(this) onmouseout=oR(this) style="border:solid 1px #CCCCCC; "><div align="center"><a href="show_properties.php?aa=81" class='a1'>موتورولا 1200<br><img src="http://bytes.com/submit/304/..\uploaded_file\pic[25].gif"  border="0" width="90" height="120" alt="مشاهده مشخصات کالا"><br><a href=".\order_material.php?id=81"></a><font  size=3 color=#ffffff>2,700,000ریال</font></a></div>
  576.  </td>
  577. <td width="163" height='172px'  onmouseover=hR(this) onmouseout=oR(this) style="border:solid 1px #CCCCCC; "><div align="center"><a href="show_properties.php?aa=80" class='a1'>ال جی 1504<br><img src="http://bytes.com/submit/304/..\uploaded_file\pic[23].gif"  border="0" width="90" height="120" alt="مشاهده مشخصات کالا"><br><a href=".\order_material.php?id=80"></a><font  size=3 color=#ffffff>2,500,000ریال</font></a></div>
  578.  </td>
  579. <td width="163" height='172px'  onmouseover=hR(this) onmouseout=oR(this) style="border:solid 1px #CCCCCC; "><div align="center"><a href="show_properties.php?aa=79" class='a1'>ال جی 1510<br><img src="http://bytes.com/submit/304/..\uploaded_file\pic[18].gif"  border="0" width="90" height="120" alt="مشاهده مشخصات کالا"><br><a href=".\order_material.php?id=79"></a><font  size=3 color=#ffffff>2,500,000ریال</font></a></div>
  580.  </td>
  581. <td width="163" height='172px'  onmouseover=hR(this) onmouseout=oR(this) style="border:solid 1px #CCCCCC; "><div align="center"><a href="show_properties.php?aa=78" class='a1'>اچ پی 3210<br><img src="http://bytes.com/submit/304/..\uploaded_file\pic[21].gif"  border="0" width="90" height="120" alt="مشاهده مشخصات کالا"><br><a href=".\order_material.php?id=78"></a><font  size=3 color=#ffffff>3,100,000ریال</font></a></div>
  582.  </td>
  583. </tr><tr>
  584. <td width="163" height='172px'  onmouseover=hR(this) onmouseout=oR(this) style="border:solid 1px #CCCCCC; "><div align="center"><a href="show_properties.php?aa=77" class='a1'>اچ پی 2310<br><img src="http://bytes.com/submit/304/..\uploaded_file\pic[20].gif"  border="0" width="90" height="120" alt="مشاهده مشخصات کالا"><br><a href=".\order_material.php?id=77"></a><font  size=3 color=#ffffff>2,300,000ریال</font></a></div>
  585.  </td>
  586. <td width="163" height='172px'  onmouseover=hR(this) onmouseout=oR(this) style="border:solid 1px #CCCCCC; "><div align="center"><a href="show_properties.php?aa=76" class='a1'>اچ پی 4210<br><img src="http://bytes.com/submit/304/..\uploaded_file\pic[19].gif"  border="0" width="90" height="120" alt="مشاهده مشخصات کالا"><br><a href=".\order_material.php?id=76"></a><font  size=3 color=#ffffff>2,100,000ریال</font></a></div>
  587.  </td>
  588. <td width="163" height='172px'  onmouseover=hR(this) onmouseout=oR(this) style="border:solid 1px #CCCCCC; "><div align="center"><a href="show_properties.php?aa=74" class='a1'>آی تک 1280<br><img src="http://bytes.com/submit/304/..\uploaded_file\pic[16].gif"  border="0" width="90" height="120" alt="مشاهده مشخصات کالا"><br><a href=".\order_material.php?id=74"></a><font  size=3 color=#ffffff>3,200,000ریال</font></a></div>
  589.  </td>
  590. <td width="163" height='172px'  onmouseover=hR(this) onmouseout=oR(this) style="border:solid 1px #CCCCCC; "><div align="center"><a href="show_properties.php?aa=73" class='a1'>سامسونگ 2512<br><img src="http://bytes.com/submit/304/..\uploaded_file\pic[14].gif"  border="0" width="90" height="120" alt="مشاهده مشخصات کالا"><br><a href=".\order_material.php?id=73"></a><font  size=3 color=#ffffff>2,500,000ریال</font></a></div>
  591.  </td>
  592. </tr><tr>
  593. <td width="163" height='172px'  onmouseover=hR(this) onmouseout=oR(this) style="border:solid 1px #CCCCCC; "><div align="center"><a href="show_properties.php?aa=72" class='a1'>سامسونگ 5541<br><img src="http://bytes.com/submit/304/..\uploaded_file\pic[13].gif"  border="0" width="90" height="120" alt="مشاهده مشخصات کالا"><br><a href=".\order_material.php?id=72"></a><font  size=3 color=#ffffff>1,250,000ریال</font></a></div>
  594.  </td>
  595. <td width="163" height='172px'  onmouseover=hR(this) onmouseout=oR(this) style="border:solid 1px #CCCCCC; "><div align="center"><a href="show_properties.php?aa=71" class='a1'>سامسونگ 8884<br><img src="http://bytes.com/submit/304/..\uploaded_file\pic[12].gif"  border="0" width="90" height="120" alt="مشاهده مشخصات کالا"><br><a href=".\order_material.php?id=71"></a><font  size=3 color=#ffffff>2,400,000ریال</font></a></div>
  596.  </td>
  597. <td width="163" height='172px'  onmouseover=hR(this) onmouseout=oR(this) style="border:solid 1px #CCCCCC; "><div align="center"><a href="show_properties.php?aa=70" class='a1'>سامسونگ 5545<br><img src="http://bytes.com/submit/304/..\uploaded_file\pic[11].gif"  border="0" width="90" height="120" alt="مشاهده مشخصات کالا"><br><a href=".\order_material.php?id=70"></a><font  size=3 color=#ffffff>1,700,000ریال</font></a></div>
  598.  </td>
  599. <td width="163" height='172px'  onmouseover=hR(this) onmouseout=oR(this) style="border:solid 1px #CCCCCC; "><div align="center"><a href="show_properties.php?aa=69" class='a1'>سامسونگ 5656<br><img src="http://bytes.com/submit/304/..\uploaded_file\pic[10].gif"  border="0" width="90" height="120" alt="مشاهده مشخصات کالا"><br><a href=".\order_material.php?id=69"></a><font  size=3 color=#ffffff>2,700,000ریال</font></a></div>
  600.  </td>
  601. </tr></table>  <table dir=ltr align="center" style="MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px">
  602. <tr>
  603. <td class='DSB'><font color='#b4b4b4'>&lt;قبلی</font></td><td class='DSB'><font color='#b4b4b4'>1</font></td><td class='DSA'><a class='LS' href="?page_number=2">2</a></td><td class='DSA'><a class='LS' href="?page_number=3">3</a></td><td class='DSA'><a class='LS' href="?page_number=4">4</a></td><td class='DSA'><a class='LS' href="?page_number=2">بعدی&gt;</a></TD></tr>
  604. </table><!--table for show number page-->
  605. </div><!--lyrShowProduct-->
  606.  </td> </tr></div><!--lyrBodyLeft-->
  607. <!--<div id="lyrFooter" style="position:absolute; left:0px; top:885px; width:800px; height:24px; z-index:6; ">
  608. <img src="http://bytes.com/submit/images/38.gif" width="800" height="25">
  609. <div id="lyrTextFooter" style="position:absolute; left:0px; top:2px; width:800px; height:16px; z-index:7; font-size: 12px; color: #777777;" align="center">
  610. Designed By <a href="mailto:sedigheh.mohseni@yahoo.com" style="text-decoration:none; color:#666666; size:2; ">Sedigheh Mohseni</a> .This application has been developed for 110 mobile shop&copy; .All rights reserved. 
  611. </div><!--lyrTextFooter-->
  612.  <tr><td colspan="2" background="../images/38.gif" height="25" style="background-repeat:repeat-x; " align="center">
  613.  <font color="#777777" size="2">
  614.  Designed By <a href="mailto:sedigheh.mohseni@yahoo.com" style="text-decoration:none; color:#666666; size:2; ">
  615.  Sedigheh Mohseni</a> .This application has been developed for 110 mobile shop&copy; .All rights reserved. 
  616. </td></tr>
  617. </table><!--tableBase-->
  618. </div><!--lyrBody-->
  619. </body>
  620. </html>
  621.  
  622.  
  623.  
MrMancunian's Avatar
Expert
  
Join Date: Jul 2008
Location: Utrecht, The Netherlands
Posts: 274
#2: Sep 7 '09

re: show pictures in IE correctly but in firefox browser picture is'n shown

Do you seriously expect me to look through 620 lines of code? 8-|

I suggest that you repost the code that is relevant for your question, which by the way is missing in your OP...

Steven
Reply

« previous question | next question »

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over 226,223 network members.

dev questions:
algorithms | asp | asp.net | c/c++ | coldfusion | c# | flash | html/css | java | javascript |
mobile dev | .net | perl | php | python | ruby | software dev | vb.net | visual basic | xml
it questions:
access | apache | careers | db2 | iis | macosx | mysql | networking | oracle | postgresql | sql server | unix | windows

About Bytes | Copyright 1995-2009 BYTES. All rights Reserved