Web Analytics Made Easy -
StatCounter Unable to select text or click on links in one particular div - CodingForum

Announcement

Collapse
No announcement yet.

Unable to select text or click on links in one particular div

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Unable to select text or click on links in one particular div

    Hello,

    I've been designing a small website (see below for link to style sheet and website) for my upcoming wedding and ran into a snag. My website consists of a wrapper div and inside of it are a top banner div, a navigation sidebar div on the left and a div on the right with the content. I just noticed that I am unable to select text or click on any of the links within this div. I have tried raising the z-index of the div of the paragraphs containing the text and removing the wrapper div. Any help would be appreciated.

    Thanks


    http://ajblake05.tripod.com/Wedding/index.html

    http://ajblake05.tripod.com/Wedding/style.css

  • #2
    Validate your code on http://validator.w3.org/

    There are lots of mistakes like....

    alt attribute is missing for <img> tags
    <img> is not closed
    BANNER and MENU IDs defined multiple times....

    1st resolve all issues and then check

    Comment


    • #3
      As vikram says, you need to validate your code. H1 tags should only be on the page one time.

      Your H1's are inheriting the parent (in this case, grandparent's) height of 100%. Since you are absolutely positioning the elements, you should define the width and height. Assign a height of each one to be like 20px or something small like that.

      Then your H1's will not be over the content and you'll be able to select the content text.

      But you do need to validate your code or you may run into other errors.
      WordPress Designer and theme developer. KlongDesigns - helping bloggers and non-technical folks claim their space on the internet.

      Comment


      • #4
        Thank you resdog, the H1's were indeed covering the other content and setting their height and width seems to have resolved the problem. If using multiple H1 tags is incorrect which container would you suggest in this case?

        I am also in the process of validating the code using the very useful link posted by vikram1vicky. Am I correct in my assertion that the img tag does not need a closing tag in html documents?

        Thanks again.

        Comment


        • #5
          Originally posted by ajblake05 View Post
          the H1's were indeed covering the other content and setting their height and width seems to have resolved the problem. If using multiple H1 tags is incorrect which container would you suggest in this case?
          H1 is the top header of the page, and should be used once. H2-6 are subheaders and can be used repeatedly.

          Originally posted by ajblake05 View Post
          I am also in the process of validating the code using the very useful link posted by vikram1vicky. Am I correct in my assertion that the img tag does not need a closing tag in html documents?

          A valid <img> tag must contain height, width, alt, src attributes. It is self enclosed tag. Following is an example of valid <img> tag:

          Code:
          <img src="images/myimage.png" width="259" height="154" alt="Alternate text" />
          Last edited by vikram1vicky; Aug 30, 2011, 04:18 AM.

          Comment

          Working...
          X