Solved

Href not working

Posted on 2012-12-20
14
379 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
 

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
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 
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 42

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

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
radio button value 3 45
Inline input fields - Contact Form 7 5 20
jQuery CSS Scroll Issue 3 32
lastpass auto fill login form 5 24
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

705 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now