Spot the difference!
I take it from your answer that I was supposed to change the file name from foxpointspecs.pdf to foxpoint_specs.pdf in the HTML code and change the name of the file itself in the same manner.
I changed the code and the file name to foxpoint_specs.pdf but the result is still the same. It only links if you point at the "e" at the end of Printable Brochure. Did you mean for me to do something else?
I didn't intend my answer to be so cryptic!
You link works for me now in Firefox.
Edit: and IE
Yes, the link works in every browser. What I'm trying to get it to do is to work when I hover over the whole line "Printable Brochure" and not just the "e" at the end of "Printable Brochure."
<p>View the house in detail in the <a href="photos.htm"> photo gallery</a> or print a <a href="foxpoint_specs.pdf"> brochure</a> for complete dtails of all this home has to offer. don't forget to explore the surrounding <a href="area.htm"> Fox Point</a> area too!</p>
That's your line of code. Put the red bit where you want the link text to begin (in front of "print") and the green bit at the end.
The link I'm talking about is the link in the sidebar on the right that begins with "Printable Brochure."
I created a website for my boss to sell his home but there is one link on the entire site that does not work. I haven't seen this problem before.
The URL is www.foxpointhouse.com and the link in question is the text link on the right sidebar called "Printable Brochure." If you try to click on it, you will notice that it doesn't do anything. However, if you click only on the "e" at the end of "Printable Brochure," it will link. I tested this in Firefox, Safari, Opera, and Internet Explorer and it performs like this in all of them so I don't think it's a browser issue.
I've checked my link and it's good. The CSS appears to be correct (at least to me).
Anyone have any ideas?
Remove height: 100px; from the css below:
margin: 0 auto; padding: 0;
See if adding your </html> tag at the bottom of the page makes any difference?
Actually, it turns out that if you take out the header height in the CSS completely, the entire body moves down and looks wrong. However, when I increased it to 150px, the link works. It looks like the sidebar was "underneath" the header, so to speak, and wasn't working.