Links inside not working - Post ID...

User 539388 Photo


Registered User
4 posts

It's the oddest thing, but the links inside my paragraphs aren't working. See clgolden.net/about.html for an example.

I uninstalled and re-installed the most current version of the HTML Editor: no help.

Could this be related to the fact that the paragraphs are in a positioned div with a z-index of 3 (out of 1, 2 and 3). That's the only thing I've done differently this time.

Thanks to any who can help!
Christine

CLGolden
Web Design & Development

Woodland, CA
530-219-3182
christine@clgolden.net
www.CLGolden.net
User 345577 Photo


Registered User
373 posts

I've looked at the page with Firefox 3.6 an IE 8. The links work in IE 8, but not Firefox.

However -- the page renders drastically different in IE 8. Text is very small!

Another thing I've noticed is that the paragraph tag is being rendered more like a break. Normally, the paragraph tag leaves a blank line inbetween paragraphs, doesn't it?

Looking at the source, but don't have any suggestions at this time.
User 562592 Photo


Registered User
2,038 posts

First, the z-index should not effect your links. Second, and more related it think is the browser incompatibility. I dont have your code in front of me, but I think its related to the overall html/css that is rendering your pages incompatible.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com

User 38401 Photo


Senior Advisor
10,951 posts

could it have anything to do with the type of char set you've chosen? You have it sent for ascii and I think it should be utf-8? Not 100% positive here since I don't know a lot about that, but I haven't ever seen a site use the ascii setup before:

Right now its like this:
<meta http-equiv="content-type" content="text/html; charset=us-ascii" />

Try it like this:
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
User 122279 Photo


Senior Advisor
14,646 posts

Christine, could your problem have to do with the wide space you have between the <a href= and the rest of the url? I see that all your other links are on one line (each), but the ones to W3C and the resume are spread over two lines with quite some distance between the <a href= and the rest of the link. Not sure, but that is the only difference I can see.

BTW, in IE8 you don't get the background graphics like the blue of the header section and the white of the main section. The logo is also missing. And the text size has already been mentioned.

Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 476017 Photo


Ambassador
375 posts

CLGolden wrote:
It's the oddest thing, but the links inside my paragraphs aren't working. See clgolden.net/about.html for an example.

I uninstalled and re-installed the most current version of the HTML Editor: no help.

Could this be related to the fact that the paragraphs are in a positioned div with a z-index of 3 (out of 1, 2 and 3). That's the only thing I've done differently this time.

Thanks to any who can help!


Links are OK in IE 7, Text display is very small in IE7
However if you remove/comment out the css links below the text displays OK
<link type="text/css" href="css/ie-style.css" rel="stylesheet" media="screen" />
<link type="text/css" href="css/ie7-style.css" rel="stylesheet" media="screen" />
Dave Butler
Yorkshire
England

Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
User 476017 Photo


Ambassador
375 posts

CLGolden wrote:
It's the oddest thing, but the links inside my paragraphs aren't working. See clgolden.net/about.html for an example.

I uninstalled and re-installed the most current version of the HTML Editor: no help.

Could this be related to the fact that the paragraphs are in a positioned div with a z-index of 3 (out of 1, 2 and 3). That's the only thing I've done differently this time.

Thanks to any who can help!


Just run a test using Chrome browser and links do not work.
Header /Footer graphics and logo display fine and text displays OK.
Dave Butler
Yorkshire
England

Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
User 463058 Photo


Ambassador
1,086 posts
Online Now

CLGolden wrote:
It's the oddest thing, but the links inside my paragraphs aren't working. See clgolden.net/about.html for an example.


It's not too odd. This is normal behavior for the other browsers when links are covered by other page elements, in this case your #wave div. Notice that the link on your Contact page doesn't work for the same reason.

As an example of how to avoid this problem, you could delete the #wave div and use the following styling:

#main {
min-height:400px;
margin:0 auto;
padding-bottom:40px;
position:relative;
z-index:1;
background-color: #fff;
background-image: url(../img/wave.png);
background-repeat: no-repeat;
background-position: -20px 80px;
}


This removes the content_bg.png background, which I couldn't see a reason for, and replaces it with the wave.

As mentioned, you should remove the links to those IE specific style sheets which are shrinking your text.

Your header styling has this bit of code:
background:url(../img/header.jpg)top left no-repeat;


Notice the missing space before the word "top". Other browsers seem forgiving enough, but IE skips over this and fails to display the image.

Finally, "<!--" and "-->" should never be used in external style sheets. Those are html codes. Hope this helps.
User 539388 Photo


Registered User
4 posts

Cary - Your solutions work perfectly. Thank you so much. The links work in FF and Chrome now. I always clung to that white.png as a background to hold the width, but I see your background-position property solves that problem.

It's a bonus that you helped me with the IE problem. What a relief! (It's rendering correctly locally. I'm still waiting for the internet version to catch up.)

Everyone - I tried all your comments before Cary's came in. Thanks for your input! I'll be working on that p rendering like a br problem next.

This mutually helpful code mark-up world is an awesome thing.

Christine
Christine

CLGolden
Web Design & Development

Woodland, CA
530-219-3182
christine@clgolden.net
www.CLGolden.net
User 364143 Photo


Guest
5,410 posts

CLGolden wrote:
Cary - Your solutions work perfectly


Was there ever any doubt? Cary is the man. :)

Me, I answer specific questions but too lazy to go digging around and debugging code. :D
CoffeeCup... Yeah, they are the best!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.