I still haven’t figured this out completely, but it looks like there are extra divs coming from the module that pickup the background image.
It certainly seems associated with the module code coming out of joomlaworks UCD, but others also have the problem.. If I put a plain newsflash in there everything seems to work ok. The problem with testing this is that UCD is using an AJAX rotator, so I can’t really see the code.
So Here’s a sample of code, created by saving off the source and attempting to see the true UCD output. This show the extra divs created by UCD that are probably causing the problem.
<div id="ja-topsl-right">
<div class="innerpad">
<div class="module">
<div>
<div style="height: 400px;">
<div>
<!-- JoomlaWorks "Ultimate Content Display" Module (v1.0) starts here -->
<!-->
<style type="text/css" media="screen">
* html .udc_ajaxfader_bottomfade {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.ovpathways.org/modules/mod_jw_ucd/ajaxfader/bottomfade.png", sizingMethod="scale");}
</style>
<!-->
<div class="udc">
<div class="udc_ajaxfader">
<script type="text/javascript" src="http://ovpathways.org/ajaxfader.js" charset="UTF-8"></script>
<script type="text/javascript">
var txtfile="modules/mod_jw_ucd/ajaxfader/ucd_content_ucd-newsflash.txt"
new udcajaxfader(txtfile,"ucd-newsflash","nothingreally",6000,"fade")
</script><div id="ucd-newsflash" class="nothingreally"><div style="width: 100%; opacity: 0.2; display: block;">
<p class="introtext"></p><p>
Buy your Celebration tickets now!
</p>
<p>
You can <a target="_self" href="http://www.ovpathways.org/paypal?bw=300&bh=300" class="jcebox">buy tickets here</a> or call (801) 620-1021.
</p>
</div></div>
</div>
</div>
<!-- JoomlaWorks "Ultimate Content Display" Module (v1.0) ends here -->
</div>
</div>
</div>
</div>
</div>
Here’s with UCD (AJAX)
<div id="ja-topsl-right">
<div class="innerpad">
<div class="module">
<div>
<div>
<div>
<!-- JoomlaWorks "Ultimate Content Display" Module (v1.0) starts here -->
<style type="text/css" media="screen">
@import "modules/mod_jw_ucd/ajaxfader/mod_jw_ucd.css";
#ucd-newsflash {position:relative;overflow:hidden;width:100%;height:300px;background-color:#ffffff;}
#ucd-newsflash div {background-color:#ffffff;}
</style>
<!-->
<style type="text/css" media="screen">
* html .udc_ajaxfader_bottomfade {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.ovpathways.org/modules/mod_jw_ucd/ajaxfader/bottomfade.png", sizingMethod="scale");}
</style>
<!-->
<div class="udc">
<div class="udc_ajaxfader">
<script type="text/javascript" src="modules/mod_jw_ucd/ajaxfader/ajaxfader.js" charset="UTF-8"></script>
<script type="text/javascript">
var txtfile="modules/mod_jw_ucd/ajaxfader/ucd_content_ucd-newsflash.txt"
new udcajaxfader(txtfile,"ucd-newsflash","nothingreally",6000,"fade")
</script>
</div>
</div>
<!-- JoomlaWorks "Ultimate Content Display" Module (v1.0) ends here -->
</div>
</div>
</div>
</div>
</div>
Here’s with UCD Module Class Suffix set to random class that doesn’t exist. (This causes the Spotlight Background to disappear, and also multi background.
<div id="ja-topsl-right">
<div class="innerpad">
<div class="module">
<div>
<div>
<div>
<!-- JoomlaWorks "Ultimate Content Display" Module (v1.0) starts here -->
<style type="text/css" media="screen">
@import "modules/mod_jw_ucd/ajaxfader/mod_jw_ucd.css";
#ucd-newsflash {position:relative;overflow:hidden;width:100%;height:300px;background-color:#ffffff;}
#ucd-newsflash div {background-color:#ffffff;}
</style>
<!-->
<style type="text/css" media="screen">
* html .udc_ajaxfader_bottomfade {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.ovpathways.org/modules/mod_jw_ucd/ajaxfader/bottomfade.png", sizingMethod="scale");}
</style>
<!-->
<div class="udc">
<div class="udc_ajaxfader">
<script type="text/javascript" src="modules/mod_jw_ucd/ajaxfader/ajaxfader.js" charset="UTF-8"></script>
<script type="text/javascript">
var txtfile="modules/mod_jw_ucd/ajaxfader/ucd_content_ucd-newsflash.txt"
new udcajaxfader(txtfile,"ucd-newsflash","nothingreally",6000,"fade")
</script>
</div>
</div>
<!-- JoomlaWorks "Ultimate Content Display" Module (v1.0) ends here -->
</div>
</div>
</div>
</div>
</div>
Here’s a regular newsflash.
<div id="ja-topsl-right">
<div class="innerpad">
<div class="module">
<div>
<div>
<div>
<h3>Newsflash</h3>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
<p>
Ogden Valley Pathways is <a target="_self" href="index.php?option=com_content&task=view&id=31&Itemid=43">looking for an Executive Director.</a>
</p>
<p>
Are you, or someone you know, the one?
</p>
</td>
</tr>
</table>
<span class="article_seperator"> </span>
</div>
</div>
</div>
</div>
</div>
