images r not displaying horizontally displaying vertically

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • fareednn
    New Member
    • Oct 2011
    • 7

    #1

    images r not displaying horizontally displaying vertically

    it is displaying vertically not horizontally in magento(phtml) but in html it is horizontal only
    footer.phtml
    Code:
    <?php
    /**
     * Magento
     *
     * NOTICE OF LICENSE
     *
     * This source file is subject to the Academic Free License (AFL 3.0)
     * that is bundled with this package in the file LICENSE_AFL.txt.
     * It is also available through the world-wide-web at this URL:
     * http://opensource.org/licenses/afl-3.0.php
     * If you did not receive a copy of the license and are unable to
     * obtain it through the world-wide-web, please send an email
     * to license@magentocommerce.com so we can send you a copy immediately.
     *
     * DISCLAIMER
     *
     * Do not edit or add to this file if you wish to upgrade Magento to newer
     * versions in the future. If you wish to customize Magento for your
     * needs please refer to http://www.magentocommerce.com for more information.
     *
     * @category    design
     * @package     base_default
     * @copyright   Copyright (c) 2010 Magento Inc. (http://www.magentocommerce.com)
     * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
     */
    ?>
      <p> <div id="footer">
      <p>
      
    
      
      <div id="wrap">
      <ul id="mycarousel" class="jcarousel-skin-tango">
        <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>
    	<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>
    	<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>
    	<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>
    	<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>
          
      </ul>
    </div>
    
     </p>
        <p><img src="<?php echo $this->getSkinUrl('images/Footer.jpg') ?>" /></p>
    this is html ths file will come horizontally if i put ths in phtml it is coming vertically in magento
    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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Acticart</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" /> 
    
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <!--[if IE]>
    <style type="text/css"> 
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
    .twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    
    
    <script type="text/javascript" src="images/slider/jquery-1.2.3.pack.js"></script>
    <script type="text/javascript" src="images/slider/jquery.jcarousel.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="images/slider/jquery.jcarousel.css" />
    <link rel="stylesheet" type="text/css" href="images/slider/skins.css" />
    <!--strat jquery-->
    <script type="text/javascript">
    function mycarousel_initCallback(carousel)
    {
        // Disable autoscrolling if the user clicks the prev or next button.
        carousel.buttonNext.bind('click', function() {
            carousel.startAuto(0);
        });
    
        carousel.buttonPrev.bind('click', function() {
            carousel.startAuto(0);
        });
    
        // Pause autoscrolling if the user moves with the cursor over the clip.
        carousel.clip.hover(function() {
            carousel.stopAuto();
        }, function() {
            carousel.startAuto();
        });
    };
    
    jQuery(document).ready(function() {
        jQuery('#mycarousel').jcarousel({
            auto: 3,
            wrap: 'last',
    		scroll: 1,
    		initCallback: mycarousel_initCallback
        });
    });
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    </script>
    <!--Ends Jquery-->
    
    
    <style type="text/css">
    <!--
    #apDiv5 {
    	position:absolute;
    	width:782px;
    	height:520px;
    	z-index:1001;
    	left: 304px;
    	top: 123px;
    	text-align:left;
    	padding-left:10px;
    	filter: alpha(opacity=95);
    	opacity:.95;/* ie */
    	-moz-opacity: .3; /* mozilla */
    	background:#ccc;
    	visibility: hidden;
    }
    	
    	
    	
    	
    	
    	
    	
    	
    }
    -->
    </style>
    <script type="text/javascript">
    <!--
    function MM_showHideLayers() { //v9.0
      var i,p,v,obj,args=MM_showHideLayers.arguments;
      for (i=0; i<(args.length-2); i+=3) 
      with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
        if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
        obj.visibility=v; }
    }
    //-->
    </script>
    </head>
    
    <body class="twoColLiqLtHdr">
    
    <div id="container" > 
      <div class="header3"><img src="images/Logo.jpg" /></div>
      <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>
        
         <div class="header6"><div class="header7"><img src="images/cart.jpg" />&nbsp;&nbsp;</div></div>
      <div class="header8"><div class="header9">
       
      </div></div>
      <div class="header10"><div class="header11"> <input type="text" size="30"   class="search" /> <!-- end #header -->   
      </div></div>
      <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>
     <div style="width:1000px;display:block;float:left;"><img  src="images/b.jpg" /></div>
     
      <div id="sidebar1">
        <div class="sidenav1"><strong>Top Selling stuff</strong></div>
        <div class="sidenav2">
        <p> IPL 5</p>
        <p>Cricket</p>
        <p>Running</p>
        <p>Football</p>
        <p>Tennis</p>
           
        </div>
        <div class="sidenav1"><strong>All Sports</strong></div>
        <div class="sidenav3" >
        <p>Cricket</p>
        <p>Hockey</p>
        <p>Tennis</p>
        <p>Badminton</p>
        <p>Football</p>
        <p>Golf</p>
        <p>F1</p>
        <p>Running</p>
        <p>Athletics</p>
        <p>Table Tennis</p>
        <p>Basketball</p>
        <p>Squash</p>
        <p>Cycling</p>
        <p>Swimming</p>
        <p>Volleyball</p>
        <p>Billards</p>
        <p>Carrom</p>
        <p>Dart</p>
        <p>Foosball</p>
        <p>Foosball</p>
        <p>Skating</p>
        <p>Handball</p>
        <p>Throwball</p>
        <p>Water Sports</p>
     
        </div>
          <div class="sidenav1"><strong>Shop by</strong></div>
        <div class="sidenav2">
        <p>Kids</p>
        <p>Men</p>
        <p>Women</p>
      </div>
      
       <div class="sidenav1"><strong>Events</strong></div>
        <div class="sidenav2">
        <p>IPL5</p>
        <p>Wimbledon</p>
        <p>ICL2011</p>
        <p>Olympics</p>
        <p>French Open</p>
      </div>
        <div align="center" style="padding:5px;text-align:center;margin-left:10px;"><img src="images/Ads.jpg" /></div>
     
      <!-- end #sidebar1 --></div>
      <div id="mainContent">
      
        <p style="margin-left:2px;"><img src="images/Main_ani3.jpg" /></p>
        <span class="social1"><img src="images/Socialbar.jpg" /></span>
        <span class="contact1"><img src="images/contact.jpg" /></span>
        <!---Start Products-->
        <p>
        
        </p>
        
        <p>
        <div class="prdhed1"><strong>Most  Popular Products</strong></div>
        
        <div class="prdback">
         <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="sale"><img src="images/sale.jpg" /></span>
          <span class="prdspace">&nbsp;</span>
           <span class="prddetail">Addidas T-Shirt</span>
         <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>
          <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
         </div>
       
         <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
          <span class="prdspace">&nbsp;</span>
           <span class="prddetail">Addidas T-Shirt</span>
         <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>
          <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
         </div>
         
          <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
          <span class="prdspace">&nbsp;</span>
           <span class="prddetail">Addidas T-Shirt</span>
         <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>
          <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
         </div>
         <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
          <span class="prdspace">&nbsp;</span>
           <span class="prddetail">Addidas T-Shirt</span>
         <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>
          <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
         </div>
         
           
        </div>
        
        </p>
       
      <p>
        <div class="prdhed1"><strong>On Sale Products</strong></div>
        <div class="prdback">
         <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="sale"><img src="images/sale.jpg" /></span>
          <span class="prdspace">&nbsp;</span>
           <span class="prddetail">Addidas T-Shirt</span>
         <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>
          <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
         </div>
       
         <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
          <span class="prdspace">&nbsp;</span>
           <span class="prddetail">Addidas T-Shirt</span>
         <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>
          <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
         </div>
         
          <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
          <span class="prdspace">&nbsp;</span>
           <span class="prddetail">Addidas T-Shirt</span>
         <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>
          <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
         </div>
         <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
          <span class="prdspace">&nbsp;</span>
           <span class="prddetail">Addidas T-Shirt</span>
         <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>
          <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
         </div>
         
           
        </div>
        
        </p>
       
        <p>
        <div class="prdhed1"><strong>Recently Purchased Products</strong></div>
        <div class="prdback">
         <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="sale"><img src="images/sale.jpg" /></span>
          <span class="prdspace">&nbsp;</span>
           <span class="prddetail">Addidas T-Shirt</span>
         <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>
          <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
         </div>
       
         <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
          <span class="prdspace">&nbsp;</span>
           <span class="prddetail">Addidas T-Shirt</span>
         <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>
          <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
         </div>
         
          <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
          <span class="prdspace">&nbsp;</span>
           <span class="prddetail">Addidas T-Shirt</span>
         <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>
          <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
         </div>
         <div class="prdback1"><span class="prdnew"><img src="images/11.jpg" /></span><span class="new"><img src="images/new.jpg" /></span>
          <span class="prdspace">&nbsp;</span>
           <span class="prddetail">Addidas T-Shirt</span>
         <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>
          <span class="prdoutstock">Out of stock &nbsp;&nbsp;<strong style="background-color:orange; padding:1px; color:#000;">Notify Me</strong></span>
         </div>
         
           
        </div>
        
        </p>
        
        <!---End Products-->
        
      
        <p>&nbsp;</p>
      <!-- end #mainContent --></div>
    	<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
      <div id="footer">
      <p>
      
      <div id="wrap">
    
    
      <ul id="mycarousel" class="jcarousel-skin-tango">
        <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>
        <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>
    
        <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>
        <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>
        <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>
        <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>
        <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>
        <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>
        <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>
        <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>
        <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>
    
        <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>
        <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>
        <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>
        <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>
        <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>
        <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>
        <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>
      
      </ul>
    </div>
      
      </p>
        <p><img src="images/Footer.jpg" /></p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    <div id="apDiv5" onmouseover="MM_showHideLayers('apDiv5','','show')" onmouseout="MM_showHideLayers('apDiv5','','hide')">
    <div style="padding:10px; display:inline; float:left; width:120px;">
    <p><strong>Athletics</strong></p>
    <p>Discuss</p>
    <p>Hammer Throw</p>
    <p>High Jump</p>
    <p>Hurdles</p>
    <p>Javelin</p>
    <p>Pole Vault</p>
    <p>Running</p>
    <p>Running Spikes</p>
    <p>Shot Put</p>
    <p>Training</p>
    <p>Watches</p>
    <p><strong>Squash</strong></p>
    <p>Racquets</p>
    <p>Squash Strings</p>
    <p>Squash Balls</p>
    <p>Kit Bags</p>
    <p>Accessories</p>
    <p>Footwear</p>
    <p>Ygolf</p>
    
    </div>
    <div style="padding:10px; display:inline; float:left; width:170px;">
    <p><strong>Outdoor and Adventure</strong></p>
    <p>Watches</p>
    <p>Backpacks</p>
    <p>Sleeping Bags</p> 
    <p>Tents</p>
    <p>Accessories</p>
    <p>Apparel</p>
    <p>Torches & Headlights</p>
    <p>Footwear</p>
    <p>Chairs & Tablets</p>
    <p>Cooking Equipment</p>
    <p>Coolers</p>
    <p><strong>Table Tennis</strong></p>
    <p>Racquets</p>
    <p>Rubbers</p>
    <p>Balls</p>
    <p>Accessories</p>
    <p>Tables</p>
    <p>Footwear</p>
    <p>Apparel</p>
    
    </div>
    <div style="padding:10px; display:inline; float:left; width:140px;">
    <p><strong>Badminton</strong></p>
    <p>Racquets</p>
    <p>Feather Shuttles</p>
    <p>Nylon Shuttles</p>
    <p>Strings</p>
    <p>Grips</p>
    <p>Kit Bags</p>
    <p>Shoes</p>
    <p>Kits</p>
    <p>Accessories</p>
    <p><strong>Skating</strong></p>
    <p>Roller skates</p>
    <p>Inline skates</p>
    <p>Adjustable skates</p>
    <p>Scooters</p>
    <p>Skateboards</p>
    <p>Accessories</p>
    <p>Protective wear</p>
    </div>
    
    <div style="padding:10px; display:inline; float:left; width:110px;">
    <p><strong>Golf</strong></p>
    <p>Drivers</p>
    <p>Rescue</p>
    <p>Irons</p>
    <p>Wedges</p>
    <p>Putters</p>
    <p>Fairway Woods</p>
    <p>Hybrids</p>
    <p>Gloves</p>
    <p>Golf Balls</p>
    <p>Sets</p>
    <p>Equipment</p>
    <p>Golf Bags</p>
    <p>Indoor Golf</p>
    <p>Accessories</p>
    <p>Footwear</p>
    <p>Apparel - Tshirt</p>
    <p>Watches</p>
    <p>Ygolf</p>
    </div>
    <div style="padding:10px; display:inline; float:left; width:140px;">
    <p><strong>Basketball</strong></p>
    <p>Basketballs</p>
    <p>Shoes</p>
    <p>Equipment</p>
    <p><strong>Cricket</strong></p>
    <p>Bats</p>
    <p>Balls</p>
    <p>Guards & Gloves</p>
    <p>Helmets & Caps</p>
    <p>Cricket Sets</p>
    <p>Kit Bags</p>
    <p>Equipment</p>
    <p>Accessories </p>
    <p>Clothing</p>
    <p>Footwear</p>
    <p><strong>Billiards</strong></p>
    <p>Tables</p>
    <p>Balls</p>
    <p><strong>Running</strong></p>
    <p>Footwear</p>
    </div>
    
    </div>
    </body>
    </html>
  • acoder
    Recognized Expert MVP
    • Nov 2006
    • 16032

    #2
    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.

    Comment

    Working...