Solved

Href not working

Posted on 2012-12-20
14
385 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
  • 5
  • 2
  • 2
  • +4
14 Comments
 
LVL 53

Assisted Solution

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


Cd&
0
 
LVL 52

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
ScreenConnect 6.0 Free Trial

Discover new time-saving features in one game-changing release, ScreenConnect 6.0, based on partner feedback. New features include a redesigned UI, app configurations and chat acknowledgement to improve customer engagement!

 

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 28

Assisted Solution

by:chilternPC
chilternPC earned 167 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 167 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 52

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

U.S. Department of Agriculture and Acronis Access

With the new era of mobile computing, smartphones and tablets, wireless communications and cloud services, the USDA sought to take advantage of a mobilized workforce and the blurring lines between personal and corporate computing resources.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Menu Selected on Chrome for Windows 13 18
Input box gone wrong 8 24
Change div area and length 1 26
Outlook opens HTML email as text 4 22
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Find out what you should include to make the best professional email signature for your organization.
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 rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

770 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