12 Replies Latest reply: Oct 13, 2011 5:19 PM by claudioparoli RSS

    HTML5 - maybe a matter of inheritance?

    claudioparoli Community Member

      Hi, I'm totally new to HTML5 but I need to learn it as it's such a smarter way to lay out a page. I've ready David Powers's great articles on HTML5 and CSS3 in DW CS5.5 and I've built a page which displays OK in all recent browsers but where all the links only work in IE9.0.8112.16421 - some of them they aren't there in Chrome 14.0.835.202 m, Firefox 7.0.1 or Safari 5.1.

       

      What is puzzling is that:


      1. of the six "buttons" at the top only the first works but only if you place your cursor at the leftmost tip of the box even though the link is supposed to be the whole content of the li tag.
      2. the three links placed in separate containers (for example, <div#container><div.pod#pregnancy> for the first READ MORE link) don't work but those outside the containers, placed in the footer, do.
      3. If I de-assign the class .pod to the #pregnancy div, some of the links in the separate containers work and other don't - but all the six buttons at the top now work.
      4. if I reassign .pod to #pregnancy and de-assign to #springspecials, get a similar result; however,
      5. if the only container with the .pod class de-assigned is #gv, then all the links in the page work!

       

      Totally stumped. I cannot see anything in the properties of the  .pod class that can cause this behaviour. The relevant CSS file desktop.css can be found here, the javascript file for lte IE8 is here. Using DW CS5.5 on W764.

      Can anyone help pleeease? thanks

       

      claudio