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!
Course Of The Month
5 days, 20 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Href not working
Posted on 2012-12-20
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>
[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
Active 2 days ago
<a href="http:somlink.com/somepage.html"><img src="logo.jpg"></a>
could you elaborate a little? What do you mean by 'link to the logo'? Do you want to link to the actual image file?
<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>
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.. ?
Active 1 day ago
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%206
</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%20
</a>
i.e.
<a href="http://www.google.com" title="60L Building logo">
<img src="data1/images/Logo%206
</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%20
</a>
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..?
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&
Without a link to the live page, it is just guessing.
Cd&
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.
Active 2 days ago
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 :)
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 :)
You could try a workaround:
My guess is that there's something else on the page that's causing it.
Have you validated this page?
<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" />
My guess is that there's something else on the page that's causing it.
Have you validated this page?
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.
Featured Post
The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.
One of a set of tools we're offering as a way of saying thank you for being a part of the community.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
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 …
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS
Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles.
In the head tags set up your style tags:
(CODE)
Reference the nav tag and set your properties.: (CODE)
Set the reference for the UL element and styles for it to ensu…
Suggested Courses
Course of the Month5 days, 20 hours left to enroll
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.