CSS Stylesheet for flexicontent being loaded too early

neilw
Topic Author
Offline
New Member

14 years 1 month ago #5724 by neilw

CSS Stylesheet for flexicontent being loaded too early was created by neilw

Hi,

I am not an expert on css but it appears to me that a problem I am experiencing is because the css files for flexicontent is being loaded before the css for the main site.
I am getting an image for a li element but I have specified no image for that class.
Here is the source for the page:

Code:

  <link href="/index.php?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
  <link href="/index.php?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
  <link rel="stylesheet" href="http://joomla.wbchurch.com.au/components/com_flexicontent/assets/css/fcvote.css" type="text/css" />
  <link rel="stylesheet" href="/components/com_flexicontent/librairies/multibox/multibox.css" type="text/css" />
  <link rel="stylesheet" href="/components/com_flexicontent/templates/Neil/css/category.css" type="text/css" />
  <style type="text/css">
    <!--

		.voting .fcvote {line-height:16px;}
		.voting .fcvote ul {height:16px;width:80px;}
		.voting .fcvote ul, .voting .fcvote ul li a:hover, .voting .fcvote ul li.current-rating {background-image:url(http://joomla.wbchurch.com.au/components/com_flexicontent/assets/images/star-small.png)!important;}
		.voting .fcvote ul li a, .voting .fcvote ul li.current-rating {height:16px;line-height:16px;}
		
    -->
  </style>
  <script type="text/javascript" src="/media/system/js/mootools.js"></script>

  <script type="text/javascript" src="http://joomla.wbchurch.com.au/components/com_flexicontent/assets/js/fcvote.js"></script>
  <script type="text/javascript" src="http://joomla.wbchurch.com.au/components/com_flexicontent/assets/js/fcfav.js"></script>
  <script type="text/javascript" src="/components/com_flexicontent/librairies/multibox/js/overlay.js"></script>
  <script type="text/javascript" src="/components/com_flexicontent/librairies/multibox/js/multibox.js"></script>
  <script type="text/javascript">
		window.addEvent('domready', function(){ var JTooltips = new Tips($$('.hasTip'), { maxTitleChars: 50, fixed: false}); });

			var box = {};
			window.addEvent('domready', function(){
				box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true});
			});
			
  </script>
  <!--[if lte IE 6]>
			<style type="text/css">
			.MultiBoxClose, .MultiBoxPrevious, .MultiBoxNext, .MultiBoxNextDisabled, .MultiBoxPreviousDisabled { 
				behavior: url(components/com_flexicontent/librairies/multibox/iepngfix.htc); 
			}
			</style>
			<![endif]-->

  <!-- AQSG "Simple Scrolling Newsflash" (v1.5.3) is used in this page-->
<link href="http://joomla.wbchurch.com.au/modules/mod_aqsg_newsflash/css/newsflash.css" rel="stylesheet" type="text/css" />
  <style type="text/css">
/* <![CDATA[ */
#simplescrollingnewsflash_vertical {
	width: 200px;
	height: 100px;
	overflow: auto;
	visibility: hidden;
}
#simplescrollingnewsflash_vertical p.spacer {
 height: 150px;
}
/* ]]> */
</style>
  <script type="text/javascript">
/* <![CDATA[ */
var speed = 1;
/**
 * Initialize the marquee, and start the marquee by calling the marquee function.
 */
function initvertical(){
  var el = document.getElementById("simplescrollingnewsflash_vertical");
  el.style.overflow = 'hidden';
  el.style.visibility = 'visible';
  scrollFromBottom();
}

var go = 0;
/**
 * This is where the scroll action happens.
 * Recursive method until stopped.
 */
function scrollFromBottom(){
  var el = document.getElementById("simplescrollingnewsflash_vertical");
  if(el.scrollTop >= el.scrollHeight-150){
    el.scrollTop = 0;
  };
  el.scrollTop = el.scrollTop + speed;
  if(go == 0){
    setTimeout("scrollFromBottom()", 50);
  };
}
 
/**
 * Set the stop variable to be true (will stop the marquee at the next pass).
 */
function stop(){
  go = 1;
}
 
/**
 * Set the stop variable to be false and call the marquee function.
 */
function startit(){
  go = 0;
  scrollFromBottom();
}
window.onload=initvertical;
/* ]]> */
</script>

  <link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
  <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />

  <link rel="stylesheet" type="text/css" href="/templates/woonona/css/template.css" />

  <!--[if IE 6]><link rel="stylesheet" href="/templates/woonona/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
  <!--[if IE 7]><link rel="stylesheet" href="/templates/woonona/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
  <script type="text/javascript" src="/templates/woonona/script.js"></script>

I have this as the category css:

Code:

ul.icecat li {
	background-image: none;
	padding: 0;
	margin: 0;
}
li.odd {
	background-image: none;
	padding: 0;
	margin: 0;
}

and this in the category_items.php:

Code:

<div class="sayfa">
<?php
$leadnum		= $this->params->get('lead_num', 0);
$leadnum		= ($leadnum >= $count) ? $count : $leadnum;
if ($count > $leadnum || $this->limitstart != 0) :
?>
	<ul class="icecat">
		<?php for ($i=($this->limitstart == 0 ? $leadnum : 0 ); $i<$count; $i++) : ?>
		<li class="<?php echo (($this->limitstart == 0) ? ($i+$leadnum)%2 : $i%2) ? 'even' : 'odd'; ?>">
<div class="ana">

the site is at:
joomla.wbchurch.com.au

Any help would be greatly appreciated.

Regards,
Neil

Please Log in or Create an account to join the conversation.