• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 433
  • Last Modified:

Href not working

Hello, I'm trying to put a link to the logo "60L builidng Logo" on top of the banner but the href link is not working.. How can I make it work ..?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Jhon's Banner</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="keywords" content="WOW Slider, Digital Photo Slideshow Software, Slideshow Software For Pc" />
	<meta name="description" content="WOWSlider created with WOW Slider, a free wizard program that helps you easily generate beautiful web slideshow" />
	<!-- Start WOWSlider.com HEAD section -->
	<link rel="stylesheet" type="text/css" href="engine1/style.css" />
	<style type="text/css">
	body {
	background-image: url(../../Images/BGStrip2.png);
	background-repeat: repeat-x;
	margin-top: 0px;
}

    </style>
	<script type="text/javascript" src="engine1/jquery.js"></script>
	<!-- End WOWSlider.com HEAD section -->
</head>

<body style="background-color:$PageBgColor$">


	<!-- Start WOWSlider.com BODY section -->
	<div id="wowslider-container1">   
    
        <a href="http://www.google.com" title="60L Building logo">
         <img src="data1/images/Logo 60 L.png" alt="Gif Logo" width="400" height="150" class="Logo60LGreenBuilding" />
     	</a>
    
        
	<div class="ws_images">                             
    	<ul>
			<li><img src="data1/images/rs1261_rs1229_19.jpg" alt="" title="" id="wows1_0"/></li>
			<li><img src="data1/images/rs1262_rs1228_15.jpg" alt="" title="" id="wows1_1"/></li>
		</ul>
	</div>
<div class="ws_bullets"><div>
<a href="#" title=""><img src="data1/tooltips/rs1261_rs1229_19.jpg" alt=""/>1</a>
<a href="#" title=""><img src="data1/tooltips/rs1262_rs1228_15.jpg" alt=""/>2</a>
</div></div>
<a class="wsl" href="http://wowslider.com">Digital Slideshow Software by WOWSlider.com v2.7.1</a>
	<a href="#" class="ws_frame"></a>
	<div class="ws_shadow"></div>
</div>
	<script type="text/javascript" src="engine1/wowslider.js"></script><script type="text/javascript" src="engine1/script.js"></script>
</body>
</html>

Open in new window

0
jhonc66
Asked:
jhonc66
  • 5
  • 2
  • 2
  • +4
4 Solutions
 
COBOLdinosaurCommented:
Rename the imagw to get rid of the spaces.


Cd&
0
 
Scott Fell, EE MVEDeveloperCommented:
<a href="http:somlink.com/somepage.html"><img src="logo.jpg"></a>
0
 
Barry62Commented:
could you elaborate a little?  What do you mean by 'link to the logo'?  Do you want to link to the actual image file?
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
jhonc66Author Commented:
        <a href="http://www.google.com" title="60L Building logo">
         <img src="data1/images/Logo 60 L.png" alt="Gif Logo" width="400" height="150" class="Logo60LGreenBuilding" />
     	</a>

Open in new window


This is the part that I'm trying to link, but for some reason is not working. it is going to take me back to my home page but it does not even recognize it as a link.. I tryd putting google and see if it workd but it doesnt.. ?
0
 
chilternPCCommented:
f you are not going to remove the spaces from your file names.. try replacing them with %20
i.e.

 <a href="http://www.google.com" title="60L Building logo">
         <img src="data1/images/Logo%2060%20L.png" alt="Gif Logo" width="400" height="150" class="Logo60LGreenBuilding" />
           </a>


if this doesnt work -
is the folder "data1" below the Root?  if so try:

 <a href="http://www.google.com" title="60L Building logo">
         <img src="/data1/images/Logo%2060%20L.png" alt="Gif Logo" width="400" height="150" class="Logo60LGreenBuilding" />
           </a>
0
 
jhonc66Author Commented:
I think it is because it is inside the wowslider-container1.. but still don't know how to fix this.
0
 
jhonc66Author Commented:
Nop Sorry .I inserted the code as you told me , and I even got rid of the spaces.. but no Luck...is it something to do with the Container1..?
0
 
COBOLdinosaurCommented:
Depends on what the script is doing.  If it is overwriting; using document.write or modifying innerHTML then the link could be junked.

Without a link to the live page, it is just guessing.

Cd&
0
 
Barry62Commented:
chiltern is right.  The spaces are the problem.  Question:  When you said you remoned the spaces, did you just remove the spaces from the link code?  You need to remove the spaces from the physical filename too.
0
 
Chris StanyonCommented:
There's nothing wrong with your code as you have it. Spaces won't make a difference to where you're linking to, only whether the image displays or not. If you can see the image, then the spaces aren't the problem. The HTML is correct, so you're probably on the right track by identifying your slider script as a possible source to the problem.

Without a live link, we can't really test it, but the easiest way to find out is to simply comment out your wowslider script and see if your link works. If it does you've identified your problems - simples :)
0
 
s8webCommented:
You could try a workaround:

<img src="data1/images/Logo 60 L.png" alt="Gif Logo" width="400" height="150" class="Logo60LGreenBuilding" onclick="location.href='http://www.google.com';" style="cursor:pointer" />

Open in new window


My guess is that there's something else on the page that's causing it.

Have you validated this page?
0
 
jhonc66Author Commented:
Thanks everyone for your responses , the answer for my question was that I had to increment the value for the z-index to +11 in my css.
0
 
Scott Fell, EE MVEDeveloperCommented:
This is not an objection.  But if it is your slider that is causing the problem, sometimes sliders will incrementally increase the z index in the javascript.    So instead of just adding 11, maybe use a much larger number.
0
 
jhonc66Author Commented:
found the answer myslef
0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

  • 5
  • 2
  • 2
  • +4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now