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

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>




Options: ReplyQuote
Re: CSS not working / with IE and Firefox no Problem
Posted by: desga2
Date: March 19, 2011 07:06PM

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 09:03AM

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 08:31AM

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.

Greetings

Options: ReplyQuote


K-Meleon forum is powered by Phorum.