view revised template code above
If it helps this is my source code
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>Home</title>
<style type="text/css" media="all">
@import url("/assets/templates/Pawsforwildlife/css/layout.css");
</style>
<!-- RSS -->
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://revolution.pawsforwildlife.co.uk/index.php?id=16" />
<base href="http://revolution.pawsforwildlife.co.uk/" />
<!-- jQuery library (served from Google) --><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><!-- bxSlider Javascript file --><script src="revolution.pawsforwildlife.co.uk/assets/js/bxslider/jquery.bxslider.min.js"></script><!-- bxSlider CSS file --><link href="revolution.pawsforwildlife.co.uk/assets/css/bxslider/jquery.bxslider.css" rel="stylesheet" />
<script>
$(document).ready(function(){
$('.bxslider').bxslider();
});
</script>
</head>
<body>
<div id="wrapper">
<div id="banner">
<h1>MODX Revolution</h1>
</div>
<!--
This is a dynamic menu:
example using custom Tpl(template chucks):
<ul><li class="first"><a href="http://revolution.pawsforwildlife.co.uk/" title="Home" >Home</a></li>
</ul>
you would need to create these chucks:
mh.outer:
<ul id="myajaxmenu">
</ul>
mh.inner:
<ul style="display:none">
</ul>
mh.row:
<li class="category "><a href="" title=""></a></li>
mh.innerRow:
<li><a href="" title=""></a></li>
more info: http://svn.modxcms.com/docs/display/ADDON/Wayfinder
-->
<div id="nav">
<ul><li class="first"><a href="http://revolution.pawsforwildlife.co.uk/" title="Home" >Home</a></li>
</ul>
</div>
<ul class="bxslider">
<li><img src="/assets/images/Eulemur-mongoz---male-(7).jpg" title="Funky roots" /></li>
<li><img src="/assets/images/Eulemur-mongoz---male-(7).jpg" title="The long and winding road" /></li>
<li><img src="/assets/images/Eulemur-mongoz---male-(7).jpg" title="Happy trees" /></li>
</ul>
<div id="content">
</div>
<div id="footer">
<p>Copyright © 2010 Some Company</p>
</div>
</div>
</body>
</html>
Regards
DS
www.PawsForWildlife.co.uk
www.Borntobrick.co.uk
So, to make this easier and less painful.
Attached is the new template version - delete the contents of your template and replace it with the contents of the attached file
Thank you the slider is working. I was referring to completely the wrong folder for the css, thank you for pointing that out, it's looking great now
Regards,
DS
www.PawsForWildlife.co.uk
www.Borntobrick.co.uk
Closing down for the night - glad I could help
Thanks again, I will try other browsers to see how it all appears
Regards
DS
www.PawsForWildlife.co.uk
www.Borntobrick.co.uk
I have had a look and it has been suggested that the version of Jquery may be outdated and causing the slider to appear incorrect in other browsers:
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"
Someone recommended I change it to
DS
www.PawsForWildlife.co.uk
www.Borntobrick.co.uk