CODEWITHSUNDEEP
htmlcss
Xavi
Xavi

Reputation: 2594

a href link on img is not working

Hi I have the following code that have few links to images,but its not showing the link also it not redirecting to the page.yes i put about us in correct directory like as my menu

my menu

<li><a href="about_us.html">About Us</a>
                                    <ul>
                                        <li><a href="team.html">Team</a></li>
                                                <li><a href="location.html">Location</a></li>
                                                <li><a href="careers.html">Careers</a></li>
                                    </ul>
                                </li>

HTML:

<a href="about_us.html"><img class="ls-s2"  src="images/slides/xichlofrontvideo.png" alt="" style="position: absolute; top: 100px; left: 60px; slidedirection : bottom; slideoutdirection : bottom;  durationin : 1000; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 500; delayout : 0; showuntil : 0; "></a>
<a href="about_us.html"><img class="ls-s2"  src="images/slides/cap_a1.png" alt="" style="position: absolute; top: 160px; left: 600px; slidedirection : top; slideoutdirection : top;  durationin : 2000; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 500; delayout : 0; showuntil : 0; "></a>
<a href="about_us.html"><img class="ls-s2"  src="images/slides/cap_a2.png" alt="" style="position: absolute; top: 290px; left: 600px; slidedirection : right; slideoutdirection : right;  durationin : 2500; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 500; delayout : 0; showuntil : 0; "></a>
<a href="about_us.html"><img class="ls-s2"  src="images/slides/cap_a3.png" alt="" style="position: absolute; top: 410px; left: 600px; slidedirection : bottom; slideoutdirection : bottom;  durationin : 3000; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 500; delayout : 0; showuntil : 0; "></a>
<a href="about_us.html"><img class="ls-s2"  src="images/slides/cap_a3.png" alt="" style="position: absolute; top: 410px; left: 750px; slidedirection : bottom; slideoutdirection : bottom;  durationin : 3500; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 500; delayout : 0; showuntil : 0; "></a>

Upvotes: 0

Views: 13385

Answers (5)

Dev Rathi
Dev Rathi

Reputation: 761

It is also possible that your image is behind the bar. For that you can use the z-index property. Use this:

a {
   position: absolute;
   z-index: 9999;
}

Upvotes: 3

roemel
roemel

Reputation: 3297

Check if your "about_us.html" file is in the right directory. If it's not redirecting it is probably not in the right directory.

You are using href="about_us.html" which means that the "about_us.html" file has to be in the same directory like the file in which you have the a tag placed.

You maybe should have a look at relative and absolute URLs. This may help you:

Upvotes: 4

CPT
CPT

Reputation: 250

Does your code file in the same directory with the about_us.html? If not, modify it.

So does the images/ directory.

Upvotes: 1

mkazma
mkazma

Reputation: 582

try to insert / in the href tag before the URL like this : <a href="/about_us.html"></a>

Upvotes: 0

TooJuniorToCode
TooJuniorToCode

Reputation: 566

http://jsfiddle.net/ej4ac/

What is not working ?

Cant be redirect ?

<a href="about_us.html"><img class="ls-s2"  src="images/slides/xichlofrontvideo.png" alt="" style="position: absolute; top: 100px; left: 60px; slidedirection : bottom; slideoutdirection : bottom;  durationin : 1000; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 500; delayout : 0; showuntil : 0; "></a>
            <a href="about_us.html"><img class="ls-s2"  src="images/slides/cap_a1.png" alt="" style="position: absolute; top: 160px; left: 600px; slidedirection : top; slideoutdirection : top;  durationin : 2000; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 500; delayout : 0; showuntil : 0; "></a>
            <a href="about_us.html"><img class="ls-s2"  src="images/slides/cap_a2.png" alt="" style="position: absolute; top: 290px; left: 600px; slidedirection : right; slideoutdirection : right;  durationin : 2500; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 500; delayout : 0; showuntil : 0; "></a>
            <a href="about_us.html"><img class="ls-s2"  src="images/slides/cap_a3.png" alt="" style="position: absolute; top: 410px; left: 600px; slidedirection : bottom; slideoutdirection : bottom;  durationin : 3000; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 500; delayout : 0; showuntil : 0; "></a>
            <a href="about_us.html"><img class="ls-s2"  src="images/slides/cap_a3.png" alt="" style="position: absolute; top: 410px; left: 750px; slidedirection : bottom; slideoutdirection : bottom;  durationin : 3500; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 500; delayout : 0; showuntil : 0; "></a>

I guess your about_us.html is not in the correct directory path because according to the above jsfiddle, ur codes works well and a href is working.

Upvotes: 0

Related Questions