Tabs UI CSS...
Tabs UI CSS...
Using the jQuery builder, I'm not getting my Tabs to pick up the
styles in the created CSS. The main thing is the ability to use
multiple Tabbed elements on the same page, but even in the instance
linked below, the tabs aren't working.
http://www.hoosierhoopsreport.com/test/index1.php
Here is the code I'm using:
<!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" />
<title>HHR Test index1</title>
<link href="/styles/playertabs/jquery-ui-1.7.2.custom.css"
rel="stylesheet" type="text/css" />
<link href="/styles/playerTables.css" rel="stylesheet" type="text/
css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.2/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jqueryui/1.7.2/jquery-ui.js"></script>
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
</head>
<body>
<div id="tabs" class="playertabs">
<ul>
<li><a href="#top10" title="top10"><span>Top 10</span></
a></li>
<li><a href="#pg" title="pg"><span>Point Guards</span></
a></li>
<li><a href="#sg" title="sg"><span>Shooting Guards</
span></a></li>
<li><a href="#sf" title="sf"><span>Small Forwards</
span></a></li>
<li><a href="#pf" title="pf"><span>Power Forwards</
span></a></li>
<li><a href="#center" title="center"><span>Centers</
span></a></li>
</ul>
<div id="top10">Top 10 div</div>
<div id="pg">Point Guards div</div>
<div id="sg">Shooting Guards div</div>
<div id="sf">Small Forwards div</div>
<div id="pf">Power Forwards div</div>
<div id="center">Centers div</div>
</div>
</body>
</html>