Thanks for your reply.
1) I don't see anything wrong with the code which I have listed below
2) I want to change your conditional statement to [if lte IE 7] and also [if !(IE
] (reads IE eight) but being new to Joomla and components, I can't find your code in which to try these new conditional statements. Where would I find your code to try this change?
Thanks
------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="clay artist,architectural ceramics,ladies dress series,clay dresses,clay,clay life size ladies dresses,architecture, ceramics" />
<meta name="description" content="Steven Sylvester contemporary clay artist and architectural ceramist." />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>Testing - Touring Exhibition</title>
<link rel="stylesheet" href="/clay_art/components/com_phocagallery/assets/phocagallery.css" type="text/css" />
<link rel="stylesheet" href="/clay_art/media/system/css/modal.css" type="text/css" />
<link rel="stylesheet" href="/clay_art/components/com_acajoom/css/acajoom.css" type="text/css" />
<script type="text/javascript" src="/clay_art/media/system/js/mootools.js"></script>
<script type="text/javascript" src="/clay_art/media/system/js/modal.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
SqueezeBox.initialize({});
$$('a.modal-button').each(function(el) {
el.addEvent('click', function(e) {
new Event(e).stop();
SqueezeBox.fromElement(el);
});
});
});
</script>
<!--[if lt IE 8]>
<link rel="stylesheet" href="/clay_art/components/com_phocagallery/assets/phocagalleryieall.css" type="text/css" />
<![endif]-->
<style type="text/css">
#phocagallery .phocaname {color: #b36b00 ;}
.phocagallery-box-file {background: #fcfcfc ; border:1px solid #e8e8e8;margin: 5px;padding: 5px;}
.phocagallery-box-file-first { background: url('/clay_art/components/com_phocagallery/assets/images/shadow1.gif') 0 0 no-repeat; }
.phocagallery-box-file:hover, .phocagallery-box-file.hover {border:1px solid #b36b00 ; background: #f5f5f5 ;}
.bgPhocaClass{
background:#666666;
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
z-index:1000;
}
.fgPhocaClass{
background:#f6f6f6;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
z-index:1000;
}
.fontPhocaClass{
color:#000000;
z-index:1001;
}
.capfontPhocaClass, .capfontclosePhocaClass{
color:#ffffff;
font-weight:bold;
z-index:1001;
} </style>
<!--[if lt IE 7]>
<style type="text/css">
.phocagallery-box-file{
background-color: expression(isNaN(this.js)?(this.js=1, this.onmouseover=new Function("this.className+=' hover';"),
this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false););
}
</style>
<![endif]-->
