Hey everybody,

 

I'm a bit of a web noob and I've been working on a template that I got given to help me learn and quickly put a page together for myself.. I can already sense the groaning..

 

I'm pretty much all there with it, however, I'm having trouble getting some links to work.

 

They are links to external pages, I want them to open in a new window. When I test the page and click them, nothing happens.

 

However.... the browser recognises the link and displays it in the bottom left corner. Something is stopping the links from working in my code but I have no idea what!

 

The image i've attached shows what happens when I hover over the blog link, the same thing also happens when I try to use the social media links on the right.

 

Can anyone help? Do I need to post anything else to help get an answer?

 

I'm pretty pushed for time so some quick responses would be really appreciated!

Super thanks in advance

 

Kenny

Edited May 16, 201313 yr by dowhatyouheard

You got a link to your site

Usually you can use something like this:

 

<a href="http://www.[external-link].com" target="_blank"> 
 

but it would be better, as mteam mentioned, for you to provide a link to see what's happening.

There's two standard methods to open links in new windows:

 

1. As 4li4s suggested adding a target attribute with a value of "_blank" will open the linl in a new window or (most likely) a new tab, depending on the users browser settings.

 

2. Using the window.open JavaScript method will enable links to open in a new window (almost) regarless of the browser settings.

 

I've recently made a video tutorial on my youtube channel covering the window.open method.

Edited May 16, 201313 yr by Nillervision

I was going to suggest the same thing as 4li4s. If you've tried that and it isn't working, could it be that the link you've entered is incorrect??? Or maybe there's an issue with your code. If you could post that it would help see what the issue might be

Thanks for your responses guys! Sorry I've been rubbish at replying, but I've been waiting to get my domain sorted and it took aaaages.

 

my site is now live at dowhatyouheard . co . uk

 

After chatting to a webby friend he suggested it could be a javascript problem, something I know nothing about!

 

Another problem I've encountered is that nothing apart from the navigation displays on an android phone (HTC One X).

 

Aaargh I need to learn so much more about all this :S

 

Thanks in advance!

I just had a look. I suggest removing the javascript (between the script tags at the bottom) You have a lot of plugins there and they may very well be conflicting. You also need to validate your html as you have a lot of errors. The syntax is correct on your links however.

Edited May 25, 201313 yr by mantis

Thanks mantis, I tried cutting out the javascript as you suggested and it did enable the links. However it disabled the scrolling function of the page itself, which then makes it impossible to navigate with out a redesign.

 

Is there any particular part of the javascript I can edit/remove to get the best of both worlds?

 

Thanks again.

You can put hem back now one by one to see which one (ones) are the culprit(s). There are a few trouble shooting questions that might help:

• Where did you get the template?
• Can you contact them?
• Did the demo work correctly with similar content?

After that its just a process of elimination. The template you have uses a lot of plugins which are going to weigh the page down considerably. You might need to do some more research into the template itself as you could probably find a lighter one.

incidentally that background proves for hard reading after a few seconds! ouch