By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,460 Members | 1,151 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,460 IT Pros & Developers. It's quick & easy.

images r not displaying horizontally displaying vertically

P: 7
it is displaying vertically not horizontally in magento(phtml) but in html it is horizontal only
footer.phtml
Expand|Select|Wrap|Line Numbers
  1. <?php
  2. /**
  3.  * Magento
  4.  *
  5.  * NOTICE OF LICENSE
  6.  *
  7.  * This source file is subject to the Academic Free License (AFL 3.0)
  8.  * that is bundled with this package in the file LICENSE_AFL.txt.
  9.  * It is also available through the world-wide-web at this URL:
  10.  * http://opensource.org/licenses/afl-3.0.php
  11.  * If you did not receive a copy of the license and are unable to
  12.  * obtain it through the world-wide-web, please send an email
  13.  * to license@magentocommerce.com so we can send you a copy immediately.
  14.  *
  15.  * DISCLAIMER
  16.  *
  17.  * Do not edit or add to this file if you wish to upgrade Magento to newer
  18.  * versions in the future. If you wish to customize Magento for your
  19.  * needs please refer to http://www.magentocommerce.com for more information.
  20.  *
  21.  * @category    design
  22.  * @package     base_default
  23.  * @copyright   Copyright (c) 2010 Magento Inc. (http://www.magentocommerce.com)
  24.  * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
  25.  */
  26. ?>
  27.   <p> <div id="footer">
  28.   <p>
  29.  
  30.  
  31.  
  32.   <div id="wrap">
  33.   <ul id="mycarousel" class="jcarousel-skin-tango">
  34.     <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="<?php echo $this->getSkinUrl('images/1.jpg') ?>" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  35.     <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="<?php echo $this->getSkinUrl('images/1.jpg') ?>" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  36.     <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="<?php echo $this->getSkinUrl('images/1.jpg') ?>" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  37.     <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="<?php echo $this->getSkinUrl('images/1.jpg') ?>" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  38.     <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="<?php echo $this->getSkinUrl('images/1.jpg') ?>" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  39.  
  40.   </ul>
  41. </div>
  42.  
  43.  </p>
  44.     <p><img src="<?php echo $this->getSkinUrl('images/Footer.jpg') ?>" /></p>
  45.  
this is html ths file will come horizontally if i put ths in phtml it is coming vertically in magento
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <!-- TemplateBeginEditable name="doctitle" -->
  6. <title>Acticart</title>
  7. <link href="css/style.css" rel="stylesheet" type="text/css" /> 
  8.  
  9. <!-- TemplateEndEditable -->
  10. <!-- TemplateBeginEditable name="head" -->
  11. <!-- TemplateEndEditable -->
  12. <!--[if IE]>
  13. <style type="text/css"> 
  14. /* place css fixes for all versions of IE in this conditional comment */
  15. .twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
  16. .twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
  17. /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
  18. </style>
  19. <![endif]-->
  20.  
  21.  
  22. <script type="text/javascript" src="images/slider/jquery-1.2.3.pack.js"></script>
  23. <script type="text/javascript" src="images/slider/jquery.jcarousel.pack.js"></script>
  24. <link rel="stylesheet" type="text/css" href="images/slider/jquery.jcarousel.css" />
  25. <link rel="stylesheet" type="text/css" href="images/slider/skins.css" />
  26. <!--strat jquery-->
  27. <script type="text/javascript">
  28. function mycarousel_initCallback(carousel)
  29. {
  30.     // Disable autoscrolling if the user clicks the prev or next button.
  31.     carousel.buttonNext.bind('click', function() {
  32.         carousel.startAuto(0);
  33.     });
  34.  
  35.     carousel.buttonPrev.bind('click', function() {
  36.         carousel.startAuto(0);
  37.     });
  38.  
  39.     // Pause autoscrolling if the user moves with the cursor over the clip.
  40.     carousel.clip.hover(function() {
  41.         carousel.stopAuto();
  42.     }, function() {
  43.         carousel.startAuto();
  44.     });
  45. };
  46.  
  47. jQuery(document).ready(function() {
  48.     jQuery('#mycarousel').jcarousel({
  49.         auto: 3,
  50.         wrap: 'last',
  51.         scroll: 1,
  52.         initCallback: mycarousel_initCallback
  53.     });
  54. });
  55. function MM_preloadImages() { //v3.0
  56.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  57.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  58.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  59. }
  60.  
  61. function MM_swapImgRestore() { //v3.0
  62.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  63. }
  64.  
  65. function MM_findObj(n, d) { //v4.01
  66.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  67.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  68.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  69.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  70.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  71. }
  72.  
  73. function MM_swapImage() { //v3.0
  74.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  75.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  76. }
  77. </script>
  78. <!--Ends Jquery-->
  79.  
  80.  
  81. <style type="text/css">
  82. <!--
  83. #apDiv5 {
  84.     position:absolute;
  85.     width:782px;
  86.     height:520px;
  87.     z-index:1001;
  88.     left: 304px;
  89.     top: 123px;
  90.     text-align:left;
  91.     padding-left:10px;
  92.     filter: alpha(opacity=95);
  93.     opacity:.95;/* ie */
  94.     -moz-opacity: .3; /* mozilla */
  95.     background:#ccc;
  96.     visibility: hidden;
  97. }
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106. }
  107. -->
  108. </style>
  109. <script type="text/javascript">
  110. <!--
  111. function MM_showHideLayers() { //v9.0
  112.   var i,p,v,obj,args=MM_showHideLayers.arguments;
  113.   for (i=0; i<(args.length-2); i+=3) 
  114.   with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
  115.     if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
  116.     obj.visibility=v; }
  117. }
  118. //-->
  119. </script>
  120. </head>
  121.  
  122. <body class="twoColLiqLtHdr">
  123.  
  124. <div id="container" > 
  125.   <div class="header3"><img src="images/Logo.jpg" /></div>
  126.   <div  class="header4" ><div class="header5"><div style="display:inline;">Login / Register</div> <div style="display:inline;">    |    My Account    |  </div>  <div style="display:inline;">Customer Service</div>  </div></div>
  127.  
  128.      <div class="header6"><div class="header7"><img src="images/cart.jpg" />&nbsp;&nbsp;</div></div>
  129.   <div class="header8"><div class="header9">
  130.  
  131.   </div></div>
  132.   <div class="header10"><div class="header11"> <input type="text" size="30"   class="search" /> <!-- end #header -->   
  133.   </div></div>
  134.   <div class="header12"><span class="pad1" onmouseover="MM_showHideLayers('apDiv5','','hide')">All Sports</span><span class="pad2"><img src="images/band1.jpg" /></span><span class="pad1" onmouseover="MM_showHideLayers('apDiv5','','hide')">Footwear</span><span class="pad2"><img src="images/band1.jpg" /></span><span class="pad1"><a href="#" class="pag" onmouseover="MM_showHideLayers('apDiv5','','show')" onmouseout="MM_showHideLayers('apDiv5','','hide')">Sports Gears</a></span><span class="pad2"><img src="images/band1.jpg" /></span><span class="pad1" onmouseover="MM_showHideLayers('apDiv5','','hide')">Fitness & Outdoor</span><span class="pad2"><img src="images/band1.jpg" /></span><span class="pad1" onmouseover="MM_showHideLayers('apDiv5','','hide')">Apparel</span><span class="pad2"><img src="images/band1.jpg" /></span><span class="pad1" onmouseover="MM_showHideLayers('apDiv5','','hide')">Fan shop</span><span class="pad2"><img src="images/band1.jpg" /></span><span class="pad1" onmouseover="MM_showHideLayers('apDiv5','','hide')">Brands</span><span class="pad2"><img src="images/band1.jpg" /></span><span class="pad1" onmouseover="MM_showHideLayers('apDiv5','','hide')">Deals</span><!-- end #header -->    </div>
  135.  <div style="width:1000px;display:block;float:left;"><img  src="images/b.jpg" /></div>
  136.  
  137.   <div id="sidebar1">
  138.     <div class="sidenav1"><strong>Top Selling stuff</strong></div>
  139.     <div class="sidenav2">
  140.     <p> IPL 5</p>
  141.     <p>Cricket</p>
  142.     <p>Running</p>
  143.     <p>Football</p>
  144.     <p>Tennis</p>
  145.  
  146.     </div>
  147.     <div class="sidenav1"><strong>All Sports</strong></div>
  148.     <div class="sidenav3" >
  149.     <p>Cricket</p>
  150.     <p>Hockey</p>
  151.     <p>Tennis</p>
  152.     <p>Badminton</p>
  153.     <p>Football</p>
  154.     <p>Golf</p>
  155.     <p>F1</p>
  156.     <p>Running</p>
  157.     <p>Athletics</p>
  158.     <p>Table Tennis</p>
  159.     <p>Basketball</p>
  160.     <p>Squash</p>
  161.     <p>Cycling</p>
  162.     <p>Swimming</p>
  163.     <p>Volleyball</p>
  164.     <p>Billards</p>
  165.     <p>Carrom</p>
  166.     <p>Dart</p>
  167.     <p>Foosball</p>
  168.     <p>Foosball</p>
  169.     <p>Skating</p>
  170.     <p>Handball</p>
  171.     <p>Throwball</p>
  172.     <p>Water Sports</p>
  173.  
  174.     </div>
  175.       <div class="sidenav1"><strong>Shop by</strong></div>
  176.     <div class="sidenav2">
  177.     <p>Kids</p>
  178.     <p>Men</p>
  179.     <p>Women</p>
  180.   </div>
  181.  
  182.    <div class="sidenav1"><strong>Events</strong></div>
  183.     <div class="sidenav2">
  184.     <p>IPL5</p>
  185.     <p>Wimbledon</p>
  186.     <p>ICL2011</p>
  187.     <p>Olympics</p>
  188.     <p>French Open</p>
  189.   </div>
  190.     <div align="center" style="padding:5px;text-align:center;margin-left:10px;"><img src="images/Ads.jpg" /></div>
  191.  
  192.   <!-- end #sidebar1 --></div>
  193.   <div id="mainContent">
  194.  
  195.     <p style="margin-left:2px;"><img src="images/Main_ani3.jpg" /></p>
  196.     <span class="social1"><img src="images/Socialbar.jpg" /></span>
  197.     <span class="contact1"><img src="images/contact.jpg" /></span>
  198.     <!---Start Products-->
  199.     <p>
  200.  
  201.     </p>
  202.  
  203.     <p>
  204.     <div class="prdhed1"><strong>Most  Popular Products</strong></div>
  205.  
  206.     <div class="prdback">
  207.      <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="sale"><img src="images/sale.jpg" /></span>
  208.       <span class="prdspace">&nbsp;</span>
  209.        <span class="prddetail">Addidas T-Shirt</span>
  210.      <span class="prddetail1"><strike style="color:#000;">Rs 4000</strike>&nbsp; Rs 3000&nbsp;<strong style="background-color:#ccc; padding:1px; color:#000;">40% off</strong> </span>
  211.       <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
  212.      </div>
  213.  
  214.      <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
  215.       <span class="prdspace">&nbsp;</span>
  216.        <span class="prddetail">Addidas T-Shirt</span>
  217.      <span class="prddetail1"><strike style="color:#000;">Rs 4000</strike>&nbsp; Rs 3000&nbsp;<strong style="background-color:#ccc; padding:1px; color:#000;">40% off</strong> </span>
  218.       <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
  219.      </div>
  220.  
  221.       <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
  222.       <span class="prdspace">&nbsp;</span>
  223.        <span class="prddetail">Addidas T-Shirt</span>
  224.      <span class="prddetail1"><strike style="color:#000;">Rs 4000</strike>&nbsp; Rs 3000&nbsp;<strong style="background-color:#ccc; padding:1px; color:#000;">40% off</strong> </span>
  225.       <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
  226.      </div>
  227.      <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
  228.       <span class="prdspace">&nbsp;</span>
  229.        <span class="prddetail">Addidas T-Shirt</span>
  230.      <span class="prddetail1"><strike style="color:#000;">Rs 4000</strike>&nbsp; Rs 3000&nbsp;<strong style="background-color:#ccc; padding:1px; color:#000;">40% off</strong> </span>
  231.       <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
  232.      </div>
  233.  
  234.  
  235.     </div>
  236.  
  237.     </p>
  238.  
  239.   <p>
  240.     <div class="prdhed1"><strong>On Sale Products</strong></div>
  241.     <div class="prdback">
  242.      <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="sale"><img src="images/sale.jpg" /></span>
  243.       <span class="prdspace">&nbsp;</span>
  244.        <span class="prddetail">Addidas T-Shirt</span>
  245.      <span class="prddetail1"><strike style="color:#000;">Rs 4000</strike>&nbsp; Rs 3000&nbsp;<strong style="background-color:#ccc; padding:1px; color:#000;">40% off</strong> </span>
  246.       <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
  247.      </div>
  248.  
  249.      <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
  250.       <span class="prdspace">&nbsp;</span>
  251.        <span class="prddetail">Addidas T-Shirt</span>
  252.      <span class="prddetail1"><strike style="color:#000;">Rs 4000</strike>&nbsp; Rs 3000&nbsp;<strong style="background-color:#ccc; padding:1px; color:#000;">40% off</strong> </span>
  253.       <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
  254.      </div>
  255.  
  256.       <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
  257.       <span class="prdspace">&nbsp;</span>
  258.        <span class="prddetail">Addidas T-Shirt</span>
  259.      <span class="prddetail1"><strike style="color:#000;">Rs 4000</strike>&nbsp; Rs 3000&nbsp;<strong style="background-color:#ccc; padding:1px; color:#000;">40% off</strong> </span>
  260.       <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
  261.      </div>
  262.      <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
  263.       <span class="prdspace">&nbsp;</span>
  264.        <span class="prddetail">Addidas T-Shirt</span>
  265.      <span class="prddetail1"><strike style="color:#000;">Rs 4000</strike>&nbsp; Rs 3000&nbsp;<strong style="background-color:#ccc; padding:1px; color:#000;">40% off</strong> </span>
  266.       <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
  267.      </div>
  268.  
  269.  
  270.     </div>
  271.  
  272.     </p>
  273.  
  274.     <p>
  275.     <div class="prdhed1"><strong>Recently Purchased Products</strong></div>
  276.     <div class="prdback">
  277.      <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="sale"><img src="images/sale.jpg" /></span>
  278.       <span class="prdspace">&nbsp;</span>
  279.        <span class="prddetail">Addidas T-Shirt</span>
  280.      <span class="prddetail1"><strike style="color:#000;">Rs 4000</strike>&nbsp; Rs 3000&nbsp;<strong style="background-color:#ccc; padding:1px; color:#000;">40% off</strong> </span>
  281.       <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
  282.      </div>
  283.  
  284.      <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
  285.       <span class="prdspace">&nbsp;</span>
  286.        <span class="prddetail">Addidas T-Shirt</span>
  287.      <span class="prddetail1"><strike style="color:#000;">Rs 4000</strike>&nbsp; Rs 3000&nbsp;<strong style="background-color:#ccc; padding:1px; color:#000;">40% off</strong> </span>
  288.       <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
  289.      </div>
  290.  
  291.       <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
  292.       <span class="prdspace">&nbsp;</span>
  293.        <span class="prddetail">Addidas T-Shirt</span>
  294.      <span class="prddetail1"><strike style="color:#000;">Rs 4000</strike>&nbsp; Rs 3000&nbsp;<strong style="background-color:#ccc; padding:1px; color:#000;">40% off</strong> </span>
  295.       <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
  296.      </div>
  297.      <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
  298.       <span class="prdspace">&nbsp;</span>
  299.        <span class="prddetail">Addidas T-Shirt</span>
  300.      <span class="prddetail1"><strike style="color:#000;">Rs 4000</strike>&nbsp; Rs 3000&nbsp;<strong style="background-color:#ccc; padding:1px; color:#000;">40% off</strong> </span>
  301.       <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
  302.      </div>
  303.  
  304.  
  305.     </div>
  306.  
  307.     </p>
  308.  
  309.     <!---End Products-->
  310.  
  311.  
  312.     <p>&nbsp;</p>
  313.   <!-- end #mainContent --></div>
  314.     <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
  315.   <div id="footer">
  316.   <p>
  317.  
  318.   <div id="wrap">
  319.  
  320.  
  321.   <ul id="mycarousel" class="jcarousel-skin-tango">
  322.     <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="images/slider/1.jpg" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  323.     <li><a href="http://www.apple.com/ipodtouch/" target="_blank"><img src="images/slider/2.jpg" alt="" name="b" id="b" onmouseover="MM_swapImage('b','','2Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  324.  
  325.     <li><a href="http://www.apple.com/imac/" target="_blank"><img src="images/slider/3.jpg" alt="" name="c" id="c" onmouseover="MM_swapImage('c','','3Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  326.     <li><a href="http://www.apple.com/macbookair/" target="_blank"><img src="images/slider/4.jpg" alt="" name="d" id="d" onmouseover="MM_swapImage('d','','4Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  327.     <li><a href="http://www.apple.com/iphone/" target="_blank"><img src="images/slider/5.jpg" alt="" name="e" id="e" onmouseover="MM_swapImage('e','','5Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  328.     <li><a href="http://www.apple.com/macpro/" target="_blank"><img src="images/slider/6.jpg" alt="" name="f" id="f" onmouseover="MM_swapImage('f','','6Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  329.     <li><a href="http://www.apple.com/ipodnano/" target="_blank"><img src="images/slider/7.jpg" alt="" name="g" id="g" onmouseover="MM_swapImage('g','','7Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  330.     <li><a href="http://www.apple.com/macbook/" target="_blank"><img src="images/slider/8.jpg" alt="" name="h" id="h" onmouseover="MM_swapImage('h','','8Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  331.     <li><a href="http://www.apple.com/ipodclassic/" target="_blank"><img src="images/slider/9.jpg" alt="" name="i" id="i" onmouseover="MM_swapImage('i','','9Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  332.     <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="images/slider/1.jpg" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  333.     <li><a href="http://www.apple.com/ipodtouch/" target="_blank"><img src="images/slider/2.jpg" alt="" name="b" id="b" onmouseover="MM_swapImage('b','','2Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  334.  
  335.     <li><a href="http://www.apple.com/imac/" target="_blank"><img src="images/slider/3.jpg" alt="" name="c" id="c" onmouseover="MM_swapImage('c','','3Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  336.     <li><a href="http://www.apple.com/macbookair/" target="_blank"><img src="images/slider/4.jpg" alt="" name="d" id="d" onmouseover="MM_swapImage('d','','4Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  337.     <li><a href="http://www.apple.com/iphone/" target="_blank"><img src="images/slider/5.jpg" alt="" name="e" id="e" onmouseover="MM_swapImage('e','','5Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  338.     <li><a href="http://www.apple.com/macpro/" target="_blank"><img src="images/slider/6.jpg" alt="" name="f" id="f" onmouseover="MM_swapImage('f','','6Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  339.     <li><a href="http://www.apple.com/ipodnano/" target="_blank"><img src="images/slider/7.jpg" alt="" name="g" id="g" onmouseover="MM_swapImage('g','','7Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  340.     <li><a href="http://www.apple.com/macbook/" target="_blank"><img src="images/slider/8.jpg" alt="" name="h" id="h" onmouseover="MM_swapImage('h','','8Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  341.     <li><a href="http://www.apple.com/ipodclassic/" target="_blank"><img src="images/slider/9.jpg" alt="" name="i" id="i" onmouseover="MM_swapImage('i','','9Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  342.  
  343.   </ul>
  344. </div>
  345.  
  346.   </p>
  347.     <p><img src="images/Footer.jpg" /></p>
  348.   <!-- end #footer --></div>
  349. <!-- end #container --></div>
  350. <div id="apDiv5" onmouseover="MM_showHideLayers('apDiv5','','show')" onmouseout="MM_showHideLayers('apDiv5','','hide')">
  351. <div style="padding:10px; display:inline; float:left; width:120px;">
  352. <p><strong>Athletics</strong></p>
  353. <p>Discuss</p>
  354. <p>Hammer Throw</p>
  355. <p>High Jump</p>
  356. <p>Hurdles</p>
  357. <p>Javelin</p>
  358. <p>Pole Vault</p>
  359. <p>Running</p>
  360. <p>Running Spikes</p>
  361. <p>Shot Put</p>
  362. <p>Training</p>
  363. <p>Watches</p>
  364. <p><strong>Squash</strong></p>
  365. <p>Racquets</p>
  366. <p>Squash Strings</p>
  367. <p>Squash Balls</p>
  368. <p>Kit Bags</p>
  369. <p>Accessories</p>
  370. <p>Footwear</p>
  371. <p>Ygolf</p>
  372.  
  373. </div>
  374. <div style="padding:10px; display:inline; float:left; width:170px;">
  375. <p><strong>Outdoor and Adventure</strong></p>
  376. <p>Watches</p>
  377. <p>Backpacks</p>
  378. <p>Sleeping Bags</p> 
  379. <p>Tents</p>
  380. <p>Accessories</p>
  381. <p>Apparel</p>
  382. <p>Torches & Headlights</p>
  383. <p>Footwear</p>
  384. <p>Chairs & Tablets</p>
  385. <p>Cooking Equipment</p>
  386. <p>Coolers</p>
  387. <p><strong>Table Tennis</strong></p>
  388. <p>Racquets</p>
  389. <p>Rubbers</p>
  390. <p>Balls</p>
  391. <p>Accessories</p>
  392. <p>Tables</p>
  393. <p>Footwear</p>
  394. <p>Apparel</p>
  395.  
  396. </div>
  397. <div style="padding:10px; display:inline; float:left; width:140px;">
  398. <p><strong>Badminton</strong></p>
  399. <p>Racquets</p>
  400. <p>Feather Shuttles</p>
  401. <p>Nylon Shuttles</p>
  402. <p>Strings</p>
  403. <p>Grips</p>
  404. <p>Kit Bags</p>
  405. <p>Shoes</p>
  406. <p>Kits</p>
  407. <p>Accessories</p>
  408. <p><strong>Skating</strong></p>
  409. <p>Roller skates</p>
  410. <p>Inline skates</p>
  411. <p>Adjustable skates</p>
  412. <p>Scooters</p>
  413. <p>Skateboards</p>
  414. <p>Accessories</p>
  415. <p>Protective wear</p>
  416. </div>
  417.  
  418. <div style="padding:10px; display:inline; float:left; width:110px;">
  419. <p><strong>Golf</strong></p>
  420. <p>Drivers</p>
  421. <p>Rescue</p>
  422. <p>Irons</p>
  423. <p>Wedges</p>
  424. <p>Putters</p>
  425. <p>Fairway Woods</p>
  426. <p>Hybrids</p>
  427. <p>Gloves</p>
  428. <p>Golf Balls</p>
  429. <p>Sets</p>
  430. <p>Equipment</p>
  431. <p>Golf Bags</p>
  432. <p>Indoor Golf</p>
  433. <p>Accessories</p>
  434. <p>Footwear</p>
  435. <p>Apparel - Tshirt</p>
  436. <p>Watches</p>
  437. <p>Ygolf</p>
  438. </div>
  439. <div style="padding:10px; display:inline; float:left; width:140px;">
  440. <p><strong>Basketball</strong></p>
  441. <p>Basketballs</p>
  442. <p>Shoes</p>
  443. <p>Equipment</p>
  444. <p><strong>Cricket</strong></p>
  445. <p>Bats</p>
  446. <p>Balls</p>
  447. <p>Guards & Gloves</p>
  448. <p>Helmets & Caps</p>
  449. <p>Cricket Sets</p>
  450. <p>Kit Bags</p>
  451. <p>Equipment</p>
  452. <p>Accessories </p>
  453. <p>Clothing</p>
  454. <p>Footwear</p>
  455. <p><strong>Billiards</strong></p>
  456. <p>Tables</p>
  457. <p>Balls</p>
  458. <p><strong>Running</strong></p>
  459. <p>Footwear</p>
  460. </div>
  461.  
  462. </div>
  463. </body>
  464. </html>
  465.  
  466.  
Oct 25 '11 #1
Share this Question
Share on Google+
1 Reply


acoder
Expert Mod 15k+
P: 16,027
I haven't tested, but it may simply be a case of not having enough width to display horizontally. Check the width in the phtml for the container div.
Oct 27 '11 #2

Post your reply

Sign in to post your reply or Sign up for a free account.