Ok, so ive got my scripts loaded now however the tabs ive been trying to add now wont work. Ive basically copied the code from my own site re-design here
http://gfxpixeldesig...gnsnewdesign09/ (tabs under what i do) so cant understand why it wont work. Basically its powered by jquery along with another little jquery script to switch the tabs but on the site ive added this to its just listing them all so to me its like the scripts ive added are not being loaded ? See the page im working on here
http://www.tigeris.c...ew&product_id=2
and the full code for my tabs ( if you test this you'll need the jquery library )
<!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>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {$('#tabs').tabify();});(function($){$.fn.extend({tabify:function(){function getHref(a){hash=$(a).find('a').attr('href');if(hash)return hash.substring(0,hash.length-4);else return false}function setActive(a){$(a).addClass('active');if(getHref(a))$(getHref(a)).show();else return false;$(a).siblings('li').each(function(){$(this).removeClass('active');$(getHref(this)).hide()})}return this.each(function(){var a=this;$(this).find('li a').each(function(){$(this).attr('href',$(this).attr('href')+'-tab')});function handleHash(){if(location.hash)setActive($(a).find('a[href='+location.hash+']').parent())}if(location.hash)handleHash();setInterval(handleHash,100);$(this).find('li').each(function(){if($(this).hasClass('active'))$(getHref(this)).show();else $(getHref(this)).hide()})})}})})(jQuery);
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#tabs{
margin:0;
padding:0;
width:460px;
float:left;
display:inline;
background-attachment: scroll;
background-image: url(images/seperator.gif);
background-repeat: no-repeat;
background-position: right center;
}
#tabs h3{
margin: 0px;
color:#BF0000;
font-size: 36px;
padding-top: 0;
padding-right: 0;
padding-bottom: 20px;
padding-left: 0;
font-weight: normal;
}
#tabs ul{margin:0;padding:0;}
#tabs li{padding:0;margin:5px 0;list-style-type:none;}
#tabs li a {
color:#000;
margin:0;
padding:3px 40px;
display:block;
text-decoration:none;
}
#tabs li a:hover{color:#BF0000; text-decoration: underline;}
#tabs li.active a{color:#BF0000; text-decoration: underline;}
.tabcontent {
width:461px;
border-left:none;
padding:0 10px;
margin:0;
float:right;
display:inline;
}
.tabcontent h3{padding: 0 0 10px 0; margin: 0px; color:#2080D0;}
-->
</style>
</head>
<body>
<div class="tab-container">
<div id="tabs">
<h3>What i <strong>do</strong></h3>
<ul>
<li class="web-design-thumb active"><a href="#tabs-1">Web Design and Development</a></li>
<li class="cms-thumb"><a href="#tabs-2">Content Management Systems</a></li>
<li class="ecommerce-thumb"><a href="#tabs-3">eCommerce</a></li>
<li class="logo-design-thumb"><a href="#tabs-4">Logo Design</a></li>
<li class="print-design-thumb"><a href="#tabs-5">Print Design</a></li>
<li class="illustration-thumb"><a href="#tabs-6">Illustration</a></li>
<li class="web-hosting-thumb"><a href="#tabs-7">Web Hosting and Domain Names</a></li>
<li class="seo-thumb"><a href="#tabs-8">Search Engine Optimisation</a></li>
</ul>
<div class="clear"></div>
</div>
<div id="tabs-1" class="tabcontent">
<div style="height:65px;"></div>
<h3>Web Design and Development</h3>
<p>I have been designing and developing websites for the past 4 years. Working closely with my clients im able to create fantastic professional looking websites.</p>
<p><a href="">Read More</a></p>
</div>
<div id="tabs-2" class="tabcontent">
<div style="height:65px;"></div>
<h3>Content Management Systems</h3>
<p>If your looking for a web site where the content is easy to manage and update then my hosted cms is for you. Its as easy as writing an email !</p>
</div>
<div id="tabs-3" class="tabcontent">
<div style="height:65px;"></div>
<h3>E-commerce</h3>
<p>If your looking for a way to sell your products online, then you'll need an ecommerce site. I will work closely with you, helping you decide which ecommerce solution to go for.</p>
</div>
<div id="tabs-4" class="tabcontent">
<div style="height:65px;"></div>
<h3>Logo Design</h3>
<p>Using my creative design skills i will create numerous logo mockups until we arrive at something your happy with.</p>
</div>
<div id="tabs-5" class="tabcontent">
<div style="height:65px;"></div>
<h3>Print Design</h3>
<p>From brochures about herbal teas to flyers advertising white elephants ! I do just about everything.</p>
</div>
<div id="tabs-6" class="tabcontent">
<div style="height:65px;"></div>
<h3>Illustration</h3>
<p>I enjoy the odd bit of pencil work too.</p>
</div>
<div id="tabs-7" class="tabcontent">
<div style="height:65px;"></div>
<h3>Web hosting</h3>
<p>As well as being a designer i have a passion for web hosting, running my own dedicated server im able to offer my clients with reliable shared hosting and its cheap as chips at just £1.50 per month !</p>
</div>
<div id="tabs-8" class="tabcontent">
<div style="height:65px;"></div>
<h3>Search engine optimisation</h3>
<p>I include basic seo with all my web design's, it wont get you on the first page of google but it certainly raises your chances. With the nature of the internet improving your search engine rankings is the most difficult step, submitting your site to various search engines and optimising your meta tags i can get you started but if you want fast results that are guaranteed to work go to an seo expert. They'll charge you an arm and a leg but atleast the results are guaranteed !</p>
</div>
<div class="clear"></div>
</div>
</body>
</html>
Help
