All image borders=0 but image links show the blue on active (mouse down) and apparently no CSS will change it on Mac IE 5.0 (500 pts.)

idarmadi, thanks.

But, I have been doing web for years, though I don't claim to know every idiosyncracy of every browser, or which fail to acknowledge which CSS.

a img { border-style: none; }  is proper syntax for saying: "all image links be borderless," as is

a img {
border: 0px none;
}

which is what I actually used.

If the 5.0 Mac IE browser does not obey that CSS, I can't imagine why it would obey

a img {
border: 1px solid #333333;
}

I'd feel foolish even trying, it is so illogical.

Or, is there something I'm missing . . . anyone?

regards,

stevenjs
______________________________
"I am but an egg."

Steven,

Since you brought that up.... now I notice that blue-border every time I mouse down on IE!... :)  no big deal though, I rarely ever use IE anymore.

It's quite strange why IE will obey border:1px but not border:0px.

Sorry, but I really don't have any more idea....  I guess it's just one of those annoyances, such as 'why my page looks different in Netscape compare to what IE shows".

regards,
id

Id,

I know, all the image links, even though every one is set to border=0, show the border on mouseDown.

Is this just a Mac IE 5.0 thing? Is there no workaround? Do the 5.1 and 5.2 Mac versions have the same problem?

That's the question.

stevenjs
____________________________
"I am but an egg."

Steven,

I use IE 5.2 and it shows the blue border.

And guess what!  I just found out that if I change my tool bar 'theme color', such as from defaut 'Bondi' to 'Lime' (you do this by right-click on the tool bar, and it will shows a list of, I think' predefined theme), and suddenly the blue-border now become green-border.  I guess that you can change the theme setting via some XML setting within the IE package, but if that's the case, it's definitely IE 'problem' as the blue-box come from the selected theme.

regards,
id

Yes, I noticed that too. Matched the "grape" theme I had for the 5.0 browser.

Still need a definitive answer about the CSS.

stevenjs

The border could be related to the <A> anchor, not to the <IMG>, try this approach:


1) Assign a stylesheet class to the <A> containing images:

<a class="imganchor" href="..."><img src="..." /></a>


2) Add this stylesheet rule:

a.imganchor {
   color: #ffffff;
   border: 0px none;
}

lombardp, thanks, but I tried changing all "a" tags with a {
border: 0px none;
}
to no avail.

Mreuring, thanks, but this is voodoo CSS, or CSguess. I'll give it a try, when the client comes back, but I think either CSS works or it doesn't, no logic why one tweak would work, not another.

Thank you Bizatanium, it may be a little while before I can give this a try, but it certainly sounds like a specific solution.

regards,

stevenjs
____________________________
"I am but an egg."