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

Reply

Join Date: Dec 2007
Posts: 23
Reputation: OnIIcE is an unknown quantity at this point 
Solved Threads: 0
OnIIcE OnIIcE is offline Offline
Newbie Poster

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

 
0
  #1
Aug 15th, 2009
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.
Reply With Quote Quick reply to this message  
Join Date: Dec 2007
Posts: 23
Reputation: OnIIcE is an unknown quantity at this point 
Solved Threads: 0
OnIIcE OnIIcE is offline Offline
Newbie Poster

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

 
0
  #2
Aug 15th, 2009
fixed it myself after a few more hours reading.

outline: none;
if anyones interested! =)
Reply With Quote Quick reply to this message  
Join Date: Jun 2008
Posts: 348
Reputation: Troy III will become famous soon enough Troy III will become famous soon enough 
Solved Threads: 42
Troy III's Avatar
Troy III Troy III is offline Offline
Posting Whiz

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

 
0
  #3
Aug 16th, 2009
-did that work in opera?
Reply With Quote Quick reply to this message  
Join Date: Jun 2008
Posts: 21
Reputation: w33n is an unknown quantity at this point 
Solved Threads: 0
w33n w33n is offline Offline
Newbie Poster

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

 
0
  #4
Aug 16th, 2009
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.
Reply With Quote Quick reply to this message  
Join Date: Jun 2008
Posts: 348
Reputation: Troy III will become famous soon enough Troy III will become famous soon enough 
Solved Threads: 42
Troy III's Avatar
Troy III Troy III is offline Offline
Posting Whiz

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

 
0
  #5
Aug 16th, 2009
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.
Reply With Quote Quick reply to this message  
Join Date: Dec 2007
Posts: 23
Reputation: OnIIcE is an unknown quantity at this point 
Solved Threads: 0
OnIIcE OnIIcE is offline Offline
Newbie Poster

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

 
0
  #6
Aug 16th, 2009
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!
Reply With Quote Quick reply to this message  
Join Date: Jun 2008
Posts: 348
Reputation: Troy III will become famous soon enough Troy III will become famous soon enough 
Solved Threads: 42
Troy III's Avatar
Troy III Troy III is offline Offline
Posting Whiz

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

 
0
  #7
Aug 16th, 2009
Any success with Opera?
Reply With Quote Quick reply to this message  
Join Date: Jan 2007
Posts: 3,203
Reputation: MidiMagic has a spectacular aura about MidiMagic has a spectacular aura about 
Solved Threads: 165
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Nearly a Senior Poster

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

 
0
  #8
Aug 23rd, 2009
That dotted line indicates that the picture has the focus. That is a windows function. It is supposed to be there.
Daylight-saving time uses more gasoline
Reply With Quote Quick reply to this message  
Join Date: Jun 2008
Posts: 348
Reputation: Troy III will become famous soon enough Troy III will become famous soon enough 
Solved Threads: 42
Troy III's Avatar
Troy III Troy III is offline Offline
Posting Whiz

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

 
0
  #9
Aug 24th, 2009
Originally Posted by MidiMagic View Post
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.
Reply With Quote Quick reply to this message  
Join Date: Jul 2009
Posts: 178
Reputation: codejoust is an unknown quantity at this point 
Solved Threads: 17
codejoust's Avatar
codejoust codejoust is offline Offline
Junior Poster

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

 
0
  #10
Sep 1st, 2009
Use
  1. a:active img, a:hover img, a img, img { border:0 none;}
.
That probably should fix it.
Reply With Quote Quick reply to this message  
Reply

Message:



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC