Image links always have blue box around them

css blue box image alink

[AdamSee]

The blue box just won't disapper from around my image link.

I could use HTML page properties, but I'd feel dirty as I'm trying to do a full site in XHTML 1.0 Strict

My site is here. If you look at the 'valid-css' link at the bottom in Internet explorer you'll see the horrible, blue, border. In firebox you'll see a nicer one, but still not wanted... evil box!

Another minor issue is that when I select the page in IE it selects it all, but no idea why.

Could any kind sir point me in the direction of a solution.

<No site specifics, thanks. See TOS #13 [WebmasterWorld.com]>

[edited by: SuzyUK at 10:03 pm (utc) on Nov. 1, 2005]

[bedlam]

Try this:

a img { border-style:none; }

If you're doing what I suspect, you were trying to style the border on the link instead of the image which is actually where it's located. You almost had the solution when you realized you could use the 'border="0"' attribute in the image tag - you just needed to take the further step of replicating the function of that attribute in css.

-B

[AdamSee]

Thank you mate. It did work a treat for most images and now I've found a silly problem that doesn't make a lot of sense to me.

<In just one place> the borders are still present. However, to get the required effect I use instead of the border-style property, otherwise it won't disappear!

a img {
border: 0;
}

Stange!

<Sorry, no personal URLs.
See Forum Charter [webmasterworld.com]>

[edited by: tedster at 3:28 am (utc) on Nov. 2, 2005]