6
Contributors
18
Replies
19
Views
8 Years
Discussion Span
Last Post by codejoust
0

fixed it myself after a few more hours reading.

outline: none;

if anyones interested! =)

0

wow, that's weird that it has a border inside of the image.

in the html, try after the image:

add "border="none"

so it should look like this:

<img src="your image.jpg" border="none" />

0

he is talking about focus (element selected) outline; otherwise 'a tiny dotted border around the element that recieved focus'. But, css declaration " outline: none; " will work only in mozillas.

IE offers outline:expression(hideFocus='true') or an inline statement hideFocus='true' although not a requirement because in IE this outline doesn't affect the page layout, while in mozilla it does.

On the other side Opera doesn't offer any kind of means to do that, allthough it doesn't affect the document, and normally would not be a requirement, it does affect your design and your menu links may get ugly on keyboard navigation because on top of a fancy border around the elment, it also selects its content forcing the text content to have a navy background color.

- If anybody found a 'cure' for this in Opera, ..would be much appreciated.

0

it works in IE8 (what i work in) and jus tried in FireFox and Chrome and it works. ive just got the line i said in my link css like:

a {
    display: block;
}

borders just the online isnt it? i got rid of that, its how Troy said - its when the object is focusd on.

on the other hand - from just quickly testing - turns out that FF and Chrome have a bit of a problem with jQuery!

Edited by mike_2000_17: Fixed formatting

0

That dotted line indicates that the picture has the focus. That is a windows function. It is supposed to be there.

0

That dotted line indicates that the picture has the focus. That is a windows function. It is supposed to be there.

But not here:
http://i25.tinypic.com/21bjf3k.png
Here you have 3-state buttons or should I say "5".
1Normal 2Hovered 3Focused 4Visited 5Active
although 2 of them are intermediary and will only change font color intensity.
Currently Hovered button is "home" sorry you cant see the mosue from the printScreen command. The focused button is "projects" and the current page not indicated by the button state is "contact".

But then Opera does this:
http://i30.tinypic.com/33z9uu9.png
without giving any means to controll it.
At the end everybody will keep his own opinion allthough the situation is clear to see.

Regards.

0

Use

a:active img, a:hover img, a img, img { border:0 none; outline:0 none !important;}

.
That probably should fix it.

Sorry! As pointed out afterwards, I forgot to put the outline.
Linked images usually have a border, and active ones have an outline, which I forgot about.
The important isn't necessary, I just put it there to emphasize it.

0

Sorry! As pointed out afterwards, I forgot to put the outline.
Linked images usually have a border, and active ones have an outline, which I forgot about.
The important isn't necessary, I just put it there to emphasize it.

Yes, and how do you remove this focus outline in Opera or in IE?

0

For that, add a:focus img to the css selector syring. (sepeprated by commas). To the border and outline none selector. There are tons of link pusedo elenrs and methods supported by different browsers.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.