Href not working

jhonc66
jhonc66 used Ask the Experts™
on
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

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Top Expert 2013
Commented:
Rename the imagw to get rid of the spaces.


Cd&
Scott FellDeveloper & EE Moderator
Fellow 2018
Most Valuable Expert 2013

Commented:
<a href="http:somlink.com/somepage.html"><img src="logo.jpg"></a>

Commented:
could you elaborate a little?  What do you mean by 'link to the logo'?  Do you want to link to the actual image file?
Success in ‘20 With a Profitable Pricing Strategy

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Author

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.. ?
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>

Author

Commented:
I think it is because it is inside the wowslider-container1.. but still don't know how to fix this.

Author

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..?
Top Expert 2013

Commented:
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&

Commented:
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.
Most Valuable Expert 2018
Distinguished Expert 2018

Commented:
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 :)
Commented:
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?
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.
Scott FellDeveloper & EE Moderator
Fellow 2018
Most Valuable Expert 2013

Commented:
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.

Author

Commented:
found the answer myslef

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial