HTML code for navigation links.

  • 1
  • Question
  • Updated 8 years ago
  • Answered
I am trying to add a navigation button to my site...
I've got the image correct but my code but be not quite correct as it doesn't actually link to the page...

the code im using is
Featured Products

Image by Cool Text: Logo and Button Generator - Create Your Own Logo

I am clearly missing somthing to add to direct the page.
suggestions as to what I change to add direction to my link??
Thanks for any insight I can gather.
I can gather so far that the last line of cade is small font under my button linking to but still missing the link to my navigation
Photo of Shannon Gillies

Shannon Gillies

  • 14 Posts
  • 0 Reply Likes
  • confused

Posted 8 years ago

  • 1
Photo of Shannon Gillies

Shannon Gillies

  • 14 Posts
  • 0 Reply Likes
sorry the code i typed has turned into the button...
Photo of Sanja


  • 10698 Posts
  • 495 Reply Likes
Hello Shannon

To have your code show up on the forum, please use <!-- put your code in here --> or use the HTML encoder:

Then, we'll be able to assist you further.
Photo of Jean


  • 134 Posts
  • 14 Reply Likes
This is the code for your button, Shannon.
<a href="" rel="nofollow"><img src="" height="41" alt="Featured Products" width="152" /></a>

The problem is your link (a href=) goes to You need to replace their website URL after the a href= with your Featured Products page url.
Photo of SilverX


  • 492 Posts
  • 40 Reply Likes
Also, remove rel="nofollow" part in the code because the destination is a your one.

When adding your URL, you don't have to type your domain. Just start with /.

Let's say you need this button to go to your contact.php page, the code would be,(remove parts

<a href="/contact.php"><img src="/resources/navigationbutton.png" alt="contact us" height="45" width="145" border="0"></a>
Photo of Shannon Gillies

Shannon Gillies

  • 14 Posts
  • 0 Reply Likes
<!-- <img src="cooltext494742480.png" onmouseover="this.src='cooltext494742480MouseOver.png';" onmouseout="this.src='cooltext494742480.png';" /> -->
here is my code.
now I am getting a dead link and no picture
Photo of Brianna


  • 2045 Posts
  • 92 Reply Likes
Hi Shannon,
I have referred your request to our HTML team who will reply as soon as they return online. We appreciate your patience.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi Shannon.

I know why it's not working. You have to upload those images to your file manager. Did they give you 2 images, one regular one and then one "mouse over" one? If so you need to put resources/ in front of the src's like this:

<img src="resources/cooltext494742480.png" onmouseover="this.src='resources/cooltext494742480MouseOver.png';" onmouseout="this.src='resources/cooltext494742480.png';" />

And then you need to upload the 2 images they gave you to your file manager. (There are 2 images there, ever though there are 3 image URLs one of them is the same as the other)

I hope this helps.

Photo of Nazlie


  • 1721 Posts
  • 51 Reply Likes
Hi Shannon

I created a CoolText button to see the code that is generated and I see where your problem is.

My button code looks like this:

<!-- a href="">&lt;img src="" width="440" height="109" alt="Test Button" /></a> -->

I opted to link to the button image rather than to copy the button image to my site and manually link it.

When I want to link to a page on my site, I need to change the code. Here's what you need to change:

<!-- <a href="page-3.php"><img src="" width="440" height="109" alt="Test Button" /></a> -->

If you need to link to an external site, please use the full url, for example if you want to link to yola, then you would add (the full url).

I hope this works for you! If not, please let us know and we'll help you out.

Photo of Shannon Gillies

Shannon Gillies

  • 14 Posts
  • 0 Reply Likes
actually I gave up. lol I figured out how to edit the picture widget to link with in my site so I just did that instead of the HTML code. and uploaded the pictures so they still look like buttons :) Thanks so much for you help you guys Rock!!
Photo of Sanja


  • 10698 Posts
  • 495 Reply Likes
I'm glad that you're were able to find a way to make something work for you! :)