General :  K-Meleon Forum
General discussion about K-Meleon. 
CSS not working / with IE and Firefox no Problem
Posted by: Chris
Date: March 11, 2011 06:21PM

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 ?


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;}
.slideshow_special li{width:185px; height:295px; background:transparent !important;}
.special_cart .availability.out-of-stock span{color:#bf2e1a; font-size:12px;}

<script type="text/javascript">
jQuery(document).ready(function() {
		fx: 'none' ,
		speed:    5000, 
	    timeout:  5000 


<div class="spacing">
    $_coreHelper = $this->helper('core');
//echo $this->getLayout()->createBlock('cms/block')->setBlockId('left_adv')->toHtml();

	   $rows= Mage::getModel('special/product')->getSpecial();
	   $storeId = Mage::app()->getStore()->getId();
    <div class="special_block">
    	<ul class="slideshow_special">
		foreach($rows as $row)
             $product= Mage::getModel('catalog/product')->setStoreId($storeId)->load($row['product_id']);
             $img=$this->helper('catalog/image')->init($product, 'small_image')->resize(100, 135);
			 $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=''>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) ?>

                  <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=''>Versandkosten</a>
                  <?php } ?>
                           <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; ?>
                    <br class="clear" />
            <?php $count++;}?>

Options: ReplyQuote
Re: CSS not working / with IE and Firefox no Problem
Posted by: desga2
Date: March 20, 2011 02:06AM

Are you check if some error is show in Tools -> Error Console ?
Do you have the example code in some website to test it?

K-Meleon in Spanish

Options: ReplyQuote
Re: CSS not working / with IE and Firefox no Problem
Posted by: siria
Date: March 20, 2011 04:03PM

And have you tried with K-Meleon 1.6?
If scripts don't work in 1.5, they usually use too 'modern' commands that only KM1.6 understands. Not always, but mostly ;-)

Options: ReplyQuote
Re: CSS not working / with IE and Firefox no Problem
Posted by: Chris
Date: April 14, 2011 03:31PM

Problem is gone after i change jquery-1.3.2.min.js to the newer jquery-1.5.2.min.js.
Perhaps Anybody has also Problems and can use this Information.


Options: ReplyQuote

K-Meleon forum is powered by Phorum.