?
Solved

Href not working

Posted on 2012-12-20
14
Medium Priority
?
409 Views
Last Modified: 2012-12-28
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
Comment
Question by:jhonc66
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 2
  • 2
  • +4
14 Comments
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 664 total points
ID: 38711423
Rename the imagw to get rid of the spaces.


Cd&
0
 
LVL 53

Expert Comment

by:Scott Fell, EE MVE
ID: 38711432
<a href="http:somlink.com/somepage.html"><img src="logo.jpg"></a>
0
 
LVL 8

Expert Comment

by:Barry62
ID: 38711445
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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:jhonc66
ID: 38711467
        <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
 
LVL 29

Assisted Solution

by:chilternPC
chilternPC earned 668 total points
ID: 38711481
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
 

Author Comment

by:jhonc66
ID: 38711482
I think it is because it is inside the wowslider-container1.. but still don't know how to fix this.
0
 

Author Comment

by:jhonc66
ID: 38711494
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
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 38711520
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
 
LVL 8

Expert Comment

by:Barry62
ID: 38711718
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
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 38713027
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
 
LVL 16

Assisted Solution

by:s8web
s8web earned 668 total points
ID: 38713988
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
 

Accepted Solution

by:
jhonc66 earned 0 total points
ID: 38717545
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
 
LVL 53

Expert Comment

by:Scott Fell, EE MVE
ID: 38718620
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
 

Author Closing Comment

by:jhonc66
ID: 38726455
found the answer myslef
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
Suggested Courses

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question