Hello,
i have written a Code for a Slideshow in a Box for Magento. All is working without any Problem in IE and Firefox. In K-Meleon this Code is not working correctly. The Code shows from a Selection from Products only One in a Box and use jquery to slide to the next Product. In IE and Firefox all is OK but in K-Meleon all Products are displayed at the same time. If i select 3 Products for Example, IE and Firefox show first Product 1 then Product 2 and then Product 3. K-Meleon show Product 1,2 and 3 among themselves. It seems that K-Meleon can not use this css to Display HTML <UL> or <LI>. Is there a Solution to change the css Code that K-Meleon is working correctly ?
On the Homepage from Anythingslider all Demos with the Slider are working with K-Meleon. The Error must be in the CSS.
Can you help me ?
Greetings
Chris
I must change the HTML Code for a Hyperlink in this Code because this Forum can not use the corret Code in a Topic
<script type="text/javascript" src="<?php echo $this->getSkinUrl("js/jquery-1.3.2.min.js")?>"></script>
<script type="text/javascript" src="<?php echo $this->getSkinUrl("js/jquery.cycle.all.latest.js")?>"></script>
<!-- initialize the slideshow when the DOM is ready -->
<style type="text/css">
.spacing{margin-bottom:5px; background:#fff url(../images/HOT_tippg.gif) no-repeat 0 0;}
.detailsbtn{ background:url(../images/all_Btn.png) 0 0 no-repeat; padding:0 0 0 16px; color:#3b3d29; float:left ;text-decoration:none; margin:-11px 0 0 44px; border:none;}
.detailsbtn span{ padding:0 20px 4px 0px;background:url(../images/all_Btn.png) 100% 0 no-repeat; font:bold 12px/22px Arial; float:left ; }
.special_product .price-box .special-price .price-label{float:none; color:#EA1742;}
.special_product .price-box .special-price .price{float:none; color:#EA1742;}
.special_product .price-box .old-price .price{ padding-left:2px;}
.special_product{ padding-top:1px; width:190px}
.special_product h5 a{font-size:12px; color:#2b2b2b;}
.special_product h5{color: #203548; font-size: 12px; font-weight: bold; margin: 0 0 0 5px;}
.special_block{padding-top:1px;}
.slideshow_special{height:297px;}
.slideshow_special li{width:185px; height:295px; background:transparent !important;}
.special_cart{width:152px;}
.special_cart .availability.out-of-stock span{color:#bf2e1a; font-size:12px;}
</style>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery('.slideshow_special').cycle({
fx: 'none' ,
speed: 5000,
timeout: 5000
});
});
</script>
<div class="spacing">
<?php
$_coreHelper = $this->helper('core');
//echo $this->getLayout()->createBlock('cms/block')->setBlockId('left_adv')->toHtml();
?>
<?php
$rows= Mage::getModel('special/product')->getSpecial();
$storeId = Mage::app()->getStore()->getId();
shuffle($rows);
?>
<div class="special_block">
<ul class="slideshow_special">
<?php
$count=0;
foreach($rows as $row)
{
/*if($count==1)
{
break;
}*/
$product= Mage::getModel('catalog/product')->setStoreId($storeId)->load($row['product_id']);
$name=$product->getName();
//$des=$product->getShortDescription();
$img=$this->helper('catalog/image')->init($product, 'small_image')->resize(100, 135);
$prdurl=$product->getProductUrl();
$price = $product->getPrice();
$webprice = $product->getwebprice();
$specialprice = $product->getFinalPrice();
?>
<li style="height:310px" <?php if($count==1 ||$count==4 || $count==7)echo 'class="listpadding"';?>>
<center><div style="padding: 0 0 0 35px"><a haref="<?php echo $prdurl;?>"><img src="<?php echo $img;?>" alt="" /></a></div>
<div class="special_product">
<h5><a haref="<?php echo $prdurl;?>" style="text-decoration:none;"><?php /*if(strlen($name)>26) { echo substr($name,0,24).'...';} else{*/ echo $name;/*}*/ ?></a></h5>
<?php /*?>
<p>Shop Price $<?php echo $shopPrice = number_format($price, 2, '.', '');?><br />
Web Price $<?php echo $webprice = number_format($webprice, 2, '.', '');?></p>
<?php */?>
<div class="price-box">
<?php if($specialprice==$price)
{
?>
<span class="price"><?php echo $_coreHelper->currency($price,true,true) ?><br><span style="color:black;font-size:11px; font-weight:normal"> inkl. MwSt<br/>zzgl. </span> <a style="font-weight:normal" haref='http://www.dershop.de/Versandkosten'>Versandkosten</a></span><br />
<?php } else { ?>
<div class="old-price">
<span class="price-label"><?php echo $this->__('Regular Price:') ?></span>
<span class="price" id="old-price-<?php echo $_id ?><?php echo $this->getIdSuffix() ?>">
<?php echo $_coreHelper->currency($price,true,false) ?>
</span>
</div>
<div class="special-price">
<span class="price-label"><?php echo $this->__('Special Price:') ?></span>
<span class="price" id="price-excluding-tax-<?php echo $_id ?><?php echo $this->getIdSuffix() ?>">
<?php echo $_coreHelper->currency($specialprice,true,true) ?><br><span style="color:black;font-size:11px; font-weight:normal"> inkl. MwSt<br/>zzgl. </span> <a style="font-weight:normal" haref='http://www.dershop.de/Versandkosten'>Versandkosten</a>
</span>
</div>
<?php } ?>
</div>
<div class="special_cart">
<p class="rightside">
<a haref="<?php echo $prdurl;?>" class="detailsbtn"><span>Details</span></a>
<?php if($product->isSaleable()): ?>
<?php else: ?>
<p class="availability out-of-stock"><span><?php echo $this->__('Out of stock') ?></span></p>
<?php endif; ?>
</p>
</div>
</div>
<br class="clear" />
</center>
</li>
<?php $count++;}?>
</ul>
</div>
</div>