Hi, Im just in the final throws of finishing my first website, I know the code is messy - ive only been doing this for a week and I am in the process of validating it (just thought id get that in there now!

 

Something very confusing is going with uploading my site though. When i enter

 

http://www.artandescape.com

 

it brings it up as

 

http://www.artandescape.com/# (note the #)

 

and my drop down menus and links do not work, although if i enter

 

http://www.artandescape.com/index

 

it still brings the # but i can now view my drop down menus and my links all work perfectly. Can anyone please explain why this is happening!

 

Thanks

I think that it maybe because you haven't populated your menus and that you have something like href="#" in your code instead of the links?

 

Should look something like ...

 

   <ul class="tabs">
   <li><a href="artists.html" title="content_1" class="tab">Artists</a></li>
   <li><a href="furniture.html" title="content_2" class="tab">Furniture</a></li>
  ....
   </ul>

This is because your menu links have # in the href attribute which stops the page from reloading every time you click on a link as you are using JavaScript to change the content of the page.

 

But if you do as NeRo said the page will reload and change so you won't have the JavaScript/JQuery effect you have right now and you will have to change the content so they are all in different files.

 

The only way I can think to stop this would be to remove the <a> tag from the menu links so its like this...

 

<ul class="tabs">
   <li class="tab">Artists</li>
   ...
</ul>

and then change this line

 

$("a.tab").click(function () {

to...

 

$(".tabs > li").click(function () {

and then in your css, you can add this line of code to the 'tab' class so to the viewer it will seem like a link when you hover over it.

 

.tab:hover {
   cursor: pointer;
}

I think that should work...