Welcome to WebmasterWorld Guest from 54.159.179.132

Forum Moderators: not2easy

Message Too Old, No Replies

Hyperlinks not working in div tag

   
9:16 am on Dec 23, 2012 (gmt 0)



Hi

This is all very new to me and to be honest I am struggling.

When I put an hyperlink in the body of my page it works ok.

When inserted within a nested div the text appears but the link does not work.

<body>

<a href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:00000.3.03772&bannertypeclick=wu_bluestripes" title="Heathrow - London, Weather Forecast" target="_blank"> <img src="http://weathersticker.wunderground.com/cgi-bin/banner/ban/wxBanner?bannertype=wu_bluestripes&airportcode=EGLL&ForcedCity=Heathrow&ForcedState=" alt="Click for Heathrow, United Kingdom Forecast" height="90" width="160" /></a>



<!-- Start of body_container -->
<div id="body_container">

<!-- Start of left_sidebar -->
<div id="left_sidebar">

<a href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:00000.3.03772&bannertypeclick=wu_bluestripes" title="Heathrow - London, Weather Forecast" target="_blank"> <img src="http://weathersticker.wunderground.com/cgi-bin/banner/ban/wxBanner?bannertype=wu_bluestripes&airportcode=EGLL&ForcedCity=Heathrow&ForcedState=" alt="Click for Heathrow, United Kingdom Forecast" height="90" width="160" /></a>
<a href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:00000.1.87582&bannertypeclick=wu_bluestripes" title="Buenos Aires, Argentina Weather Forecast" target="_blank"><img src="http://weathersticker.wunderground.com/weathersticker/cgi-bin/banner/ban/wxBanner?bannertype=wu_bluestripes_metric&airportcode=SABE&ForcedCity=Buenos Aires&ForcedState=Argentina&wmo=87582&language=EN" alt="Find more about Weather in Buenos Aires, AG" width="160" /></a>
<a href="http://www.wunderground.com/cgi-bin/findweather/getForecast?query=zmw:00000.1.87938&bannertypeclick=wu_bluestripes" title="Ushuaia, Argentina Weather Forecast" target="_blank"> <img src="http://weathersticker.wunderground.com/weathersticker/cgi-bin/banner/ban/wxBanner?bannertype=wu_bluestripes_metric&airportcode=SAWH&ForcedCity=Ushuaia&ForcedState=Argentina&wmo=87938&language=EN" alt="Find more about Weather in Ushuaia, AG" width="160" /></a>
</div>
<!-- End of left_sidebar -->


<!-- Start of content div-->
<div id="content">
Content for id "content"
</div>
<!-- End of content div-->

<!-- Start of rigth_sidebar -->
<div id="right_sidebar">
Content for id "right_sidebar" Goes Here
</div>
<!-- End of rigth_sidebar -->

</div>
<!-- End if body_container -->
</body>

Thank you in anticipation
1:51 pm on Dec 23, 2012 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Works for me.
2:21 pm on Dec 23, 2012 (gmt 0)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



Can't help but notice that you posted in the CSS forum, but didn't quote any of the relevant CSS. (Please! Not the entire style sheet! We don't care what font you use for the navigation links, or what your footer background image is called.)

One of the most common explanations is that one element is "hiding" another. Invisible, but still covering it in some way. Links have to be in the topmost layer.
6:15 pm on Dec 23, 2012 (gmt 0)

WebmasterWorld Senior Member g1smd is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



Do run the code through the W3C HTML validator to be sure there's no silly HTML code typos.
9:17 am on Dec 25, 2012 (gmt 0)



Thanks for the advice.

I have now tracked the problem to the z-index properties.

I have a Spry menu bar with drop down menus. The menus were dropping down below the div located further down the page.

So I set the Spry Menu Bar to have a z-index of -1: that solves that problem but creates a another in that the hyper links in div below no longer work.

I have tried various settings but without success.

Please can someone advise?

Thanks

Merry Christmas
 

Featured Threads

Hot Threads This Week

Hot Threads This Month