CODEWITHSUNDEEP
javascripthtmlcss
John Smith
John Smith

Reputation: 87

HTML Website Failing to Switch Between Tabs

I'm very new to the whole web development scene, so what I'm asking may be blisteringly obvious. For an english assessment, I have to create and host a webpage, of a particular text (in my case, I've chosen the Hitchhikers Guide to the Galaxy). Now in the assessment, it is outlined that we are allowed to use code from other websites as a template for our own website, so I do stress, this is not my code. I got the code from 'http://dayzepoch.com/'. So far, I have placeholder information, and customised the webpage, to my needs. Currently, the webpage is hosted at 'http://hiimstring3.hpage.com/' on 'hPage'. Now, my page loads just fine, but when I click on one of the links, it stays on that page for a few seconds, but then loads the original DayZ Epoch website. I believe this is something to do with the below section of code under body:

<ul class="nav nav-tabs" id="myTab">
    <li class="active"><a href="http://dayzepoch.com/#home"> Home </a></li>
    <li class=""><a href="http://dayzepoch.com/#install" data-toggle="tab"> Characters </a></li>
    <li class=""><a href="http://dayzepoch.com/#servers" data-toggle="tab"> Places </a></li>
    <li class=""><a href="http://dayzepoch.com/#community_servers" data-toggle="tab"> Ships </a></li>
    <li class=""><a href="http://dayzepoch.com/#teamspeak" data-toggle="tab"> About </a></li>     
</ul>

Now, I don't know how to change this, so that my website has the same functionality as the original website, but using my url, instead of these ones. If someone could help me out, then I would really appreciate it.

-Michael

Upvotes: 0

Views: 86

Answers (1)

Scary Wombat
Scary Wombat

Reputation: 44854

Assuming you are http://jqueryui.com/tabs/ then the href you not be including the url of another website.

it should be of the format

<ul class="nav nav-tabs" id="myTab">
    <li class="active"><a href="#home"> Home </a></li>
    <li class=""><a href="#install" data-toggle="tab"> Characters </a></li>
    <li class=""><a href="#servers" data-toggle="tab"> Places </a></li>
    <li class=""><a href="#community_servers" data-toggle="tab"> Ships </a></li>
    <li class=""><a href="#teamspeak" data-toggle="tab"> About </a></li>     
</ul>

Upvotes: 1

Related Questions