Anchor Tags don't work on iMac

DenimDog · October 30th, 2003, 12:47 AM

I've developed a site utilizing ASP.NET (VB) with a some Javascript and Cascading Style Sheets. On most of my pages, generic HTML anchor tags are not clickable on an iMac using Internet Explorer. In fact, on several pages some links work and some don't with no logic. I have tried everything and I'm now at my wits end.

Has anyone ever heard of this before?
Is it a problem with CSS?

Any help is greatly, I mean greatly, appreciated,
Thanks,
Darren

richard.york · October 30th, 2003, 01:51 AM

Well let's see an example of what doesn't work.

:::::::::::::::::::::::::::::::::
Smiling Souls
http://www.smilingsouls.net
:::::::::::::::::::::::::::::::::

DenimDog · October 30th, 2003, 02:00 PM

HERE'S MORE INFO ON MY PROBLEM, Thanks for asking...

Developed a site using ASP.NET on Dreamweaver MX with a menu bar created by Fireworks using Javascript with rollover buttons. Even on the static pages, many of my anchor tags are not showing up on iMacâs using Internet Explorer. This has been driving me mad for weeks now. Iâve tried everything. Even reduced the tags down to a simple HTML anchor tag with only an âhrefâ property. No luck. What is truly bizarre is that some of the links on the page work and some donât, even though they are all coded the same. Hereâs a little code below...

SAMPLE CODE

...

<tr>

<th valign="top" align="left">

 <img src="../images/Bullet_Blue.gif">

 </th>

 <th class="Arial12" align="left">

 Pitch in private to a variety of

 <a href="../seminar/pitch.aspx" class="Arial12Link"

 onMouseOver="this.className='Arial12LinkOver'"

 onMouseOut="this.className='Arial12Link'">

 producers

 </a> who are actually looking for material.

 </th>

</tr>

...

Even when I remove the onMouseOvers, onMouseOuts and Class properties, they still donât work. These links work fine on other browsers on an iMac, on other Macs, and on all PCs. Iâm at a loss and any, I mean any, help is greatly appreciated.

The complete sample page can be seen at the following link: http://scsfecom.siteprotect.net/conference/index.aspx or http://www.scsfe.com/conference/index.aspx depending on when my domain name transfer takes. The blue links on the main page are the oneâs that are not working. On this page Iâve found that all the links in blue donât work EXCEPT for the âclick hereâ link under the âLife Changing Eventâ.

Thanks again for any help anyone can provide,

Sinderely,

Darren

richard.york · October 30th, 2003, 03:00 PM

I'm just making random suggestions here. I would think that this has something to do with the version of IE, not the imac.

1.) Move this code so that it is between <head>... </head> tags.

<link href="../code/main.css" rel="stylesheet" type="text/css">

Uh, how many people do you think are going to be looking at your site on an iMac?

Here is a link to validate your code:
http://validator.w3.org

There isn't much in way of standards compliance in there either, you're using quite a bit of deprecated mark-up.

Here's an FAQ that I wrote that will put you on the road to standards compliance. Granted, I can see that you're using a WYSIWYG, but that's no excuse for non-standards mark-up! This thing was written from the standpoint of a PHP developer, but the mark-up used is universally applicable.
http://p2p.wrox.com/topic.asp?TOPIC_ID=4028

Some examples of what I mean by this:
1.) Your HTML does not contain a Doctype setting
See above FAQ

2.) You use properties that have been deprecated
For instance:

 Wrong: <img src="../images/header/spacer.gif" width="137" height="1" border="0" alt="">
 Right: <img src="../images/header/spacer.gif" style="width: 137px; height: 1px; border-width: 0px;" alt="" />
 Wrong: <table border="0" width="100%" cellpadding="0" cellspacing="0">
 Right: <table style='border-width: 0px; padding: 0px; width: 100%; margin: 0px;'>
 Wrong: ( is deprecated)
 Right: 
 Wrong: 
 Right: 
 Wrong: ( is deprecated>
 Right: 

On a positive note you already have all tags in lowercase letters!

IE 5 or 5.5 or whatever that version is for the Mac incorporates nearly every CSS attribute possible. And is well on its way to being completely standards-compliant. So it would be a fantastic idea to make use of that functionality by including a Doctype setting.

Another thing that I found annoying about your code was how the <a> tags were broken up over multiple lines, but I doubt that has anything to do with your problem.

Do the W3C validator, which should point out what it doesn't like about your code. I'm betting that you're missing an end tag somewhere, or something to that effect.

: )
Rich

:::::::::::::::::::::::::::::::::
Smiling Souls
http://www.smilingsouls.net
:::::::::::::::::::::::::::::::::