943,713 Members | Top Members by Rank

Ad:
You are currently viewing page 1 of this multi-page discussion thread
Aug 15th, 2009
0

remove dashed border when u press/select a linkd image (pic included)

Expand Post »
http://www.fredmyerscough.co.uk/myfiles/showborder.jpg

im using some jquery stuff to make myself a new website, but when you press the image (used for the menu) a dashed border apears around it. im not sure what element this is called, since its not affected by border: none; in css.

any help or advice on removing it? =)

thanks
Last edited by OnIIcE; Aug 15th, 2009 at 12:03 pm.
Similar Threads
Reputation Points: 9
Solved Threads: 1
Light Poster
OnIIcE is offline Offline
32 posts
since Dec 2007
Aug 15th, 2009
0

Re: remove dashed border when u press/select a linkd image (pic included)

fixed it myself after a few more hours reading.

Quote ...
outline: none;
if anyones interested! =)
Reputation Points: 9
Solved Threads: 1
Light Poster
OnIIcE is offline Offline
32 posts
since Dec 2007
Aug 16th, 2009
0

Re: remove dashed border when u press/select a linkd image (pic included)

-did that work in opera?
Reputation Points: 120
Solved Threads: 61
Posting Pro
Troy III is offline Offline
510 posts
since Jun 2008
Aug 16th, 2009
0

Re: remove dashed border when u press/select a linkd image (pic included)

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" />
Last edited by w33n; Aug 16th, 2009 at 7:23 am.
Reputation Points: 10
Solved Threads: 2
Light Poster
w33n is offline Offline
25 posts
since Jun 2008
Aug 16th, 2009
0

Re: remove dashed border when u press/select a linkd image (pic included)

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.
Reputation Points: 120
Solved Threads: 61
Posting Pro
Troy III is offline Offline
510 posts
since Jun 2008
Aug 16th, 2009
0

Re: remove dashed border when u press/select a linkd image (pic included)

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:

Quote ...
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!
Reputation Points: 9
Solved Threads: 1
Light Poster
OnIIcE is offline Offline
32 posts
since Dec 2007
Aug 16th, 2009
0

Re: remove dashed border when u press/select a linkd image (pic included)

Any success with Opera?
Reputation Points: 120
Solved Threads: 61
Posting Pro
Troy III is offline Offline
510 posts
since Jun 2008
Aug 23rd, 2009
0

Re: remove dashed border when u press/select a linkd image (pic included)

That dotted line indicates that the picture has the focus. That is a windows function. It is supposed to be there.
Reputation Points: 730
Solved Threads: 181
Nearly a Senior Poster
MidiMagic is offline Offline
3,314 posts
since Jan 2007
Aug 24th, 2009
0

Re: remove dashed border when u press/select a linkd image (pic included)

Click to Expand / Collapse  Quote originally posted by MidiMagic ...
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.
Reputation Points: 120
Solved Threads: 61
Posting Pro
Troy III is offline Offline
510 posts
since Jun 2008
Sep 1st, 2009
0

Re: remove dashed border when u press/select a linkd image (pic included)

Use
css Syntax (Toggle Plain Text)
  1. a:active img, a:hover img, a img, img { border:0 none;}
.
That probably should fix it.
Reputation Points: 18
Solved Threads: 21
Junior Poster
codejoust is offline Offline
180 posts
since Jul 2009

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: Use of properties inside <tr> tags
Next Thread in HTML and CSS Forum Timeline: IE / Firefox Discrepencies





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC