homepage Welcome to WebmasterWorld Guest from 54.204.128.190
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Hyperlinks not working in div tag
kathekas




msg:4530589
 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

 

drhowarddrfine




msg:4530611
 1:51 pm on Dec 23, 2012 (gmt 0)

Works for me.

lucy24




msg:4530617
 2:21 pm on Dec 23, 2012 (gmt 0)

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.

g1smd




msg:4530641
 6:15 pm on Dec 23, 2012 (gmt 0)

Do run the code through the W3C HTML validator to be sure there's no silly HTML code typos.

kathekas




msg:4530955
 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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved