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

[ajblake05]

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

[vikram1vicky]

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

[resdog]

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.

[ajblake05]

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.

[vikram1vicky]

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.

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:

<img src="images/myimage.png" width="259" height="154" alt="Alternate text" />