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

how to insert list of images by using div tag only not by td and tr tag in magento

P: 7
please help me to insert list of images horizontally it is not inserting in my code please check it urgent.it comes under footer so ths s separate file calle
footer.phtml ths s magento
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.  
  28. ?>
  29.   <p> <div id="footer">
  30.   <p>
  31.  
  32.  
  33.  
  34.   <div id="wrap">
  35.   <ul id="mycarousel" class="jcarousel-skin-tango">
  36.     <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="i<?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="i<?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="i<?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.     <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="i<?php echo $this->getSkinUrl('images/1.jpg') ?>" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  40.     <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="i<?php echo $this->getSkinUrl('images/1.jpg') ?>" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  41.  
  42.   </ul>
  43. </div>
  44.  
  45.  </p>
  46.     <p><img src="<?php echo $this->getSkinUrl('images/Footer.jpg') ?>" /></p>
  47.   <!-- end #footer -->
  48.  
  49.  
Oct 24 '11 #1
Share this Question
Share on Google+
1 Reply


Frinavale
Expert Mod 5K+
P: 9,731
If you set the style of the <li> items to have a display:inline style, then your images should display horizontally.

For example:
Expand|Select|Wrap|Line Numbers
  1.     #mycarousel li
  2.     {
  3.       display: inline;
  4.       list-style-type: none;
  5.       padding-right: 20px;
  6.     }
Oct 24 '11 #2

Post your reply

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