Hello.
I'm struggling with a problem I've found trying to use a javascript scrollbar in a wordpress theme that I recently designed. It works fine in a HTML document, but as soon and I split the file into the WordPress theme php documents, it doesn't work.
I just want to say that I am in no way a developer! I am comfortably with HTML & CSS but php and javascript is very much new to me.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Portfolio « Natasha Heasman</title>
<link href="http://localhost:8888/wordpress/wp-content/themes/tasha_pratice/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="scripts/jquery.mousewheel.js"></script>
<script type="text/javascript" src="scripts/jScrollPane.js"></script>
<style type="text/css">
#pane3 {
height: 400px;
}
/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {
bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */
</style>
<script type="text/javascript">
$(function()
{
// this initialises the demo scollpanes on the page.
$('#pane3').jScrollPane();
});
</script>
</head>
<body>
<div id="wrapper">
<!--/header -->
Above is my code, I inserted the script tags into my header.php file, because I assumed that it would match my html layout.
Any help would be much appreciated.
Thanks,
Lawrence.