Dragosvr92 Posted August 12, 2010 Share Posted August 12, 2010 Hello Dos anyone here know how may i remove the dotted border from buttons when you click on them ? i tried outline: 0px; and outline: none; but it dosnt make any change in any browser and i would also like to remove the border from a single link if anyone knows as this removes the border of every links :-\ i tryed to replace the a with h2 or a class but it didnt do anything a:focus { outline: 4px solid lime; } sry for my bad english Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/ Share on other sites More sharing options...
Rohlan Posted August 12, 2010 Share Posted August 12, 2010 Never knew this was possible, I'm also interested in knowing. Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1098471 Share on other sites More sharing options...
JasonLewis Posted August 12, 2010 Share Posted August 12, 2010 Why do you want to remove it? Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1098478 Share on other sites More sharing options...
Rohlan Posted August 12, 2010 Share Posted August 12, 2010 It's just kind of ugly, and servers little purpose... i think Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1098480 Share on other sites More sharing options...
Dragosvr92 Posted August 12, 2010 Author Share Posted August 12, 2010 Rohlan you can remove it from every link using this : a:focus {outline: 0px solid lime;} @Fear i want to change it because it looks shity on my logo btw do u know how to set the height etc for the link to be only on the text and not to every empty space and ... i just want to change it [attachment deleted by admin] Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1098487 Share on other sites More sharing options...
Dragosvr92 Posted August 13, 2010 Author Share Posted August 13, 2010 Anyone please ? Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1098745 Share on other sites More sharing options...
JasonLewis Posted August 13, 2010 Share Posted August 13, 2010 If it's a block level element you could try floating it left, but unless you know how floats work it might cause problems. float: left; Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1098771 Share on other sites More sharing options...
Dragosvr92 Posted August 13, 2010 Author Share Posted August 13, 2010 hm i tried tha on the logo and it worked only a small problem lol the rest of my page apeared in left also i guess its because the logo is placed in the body o.o i dont know what float dos or what it means in english Edit: Heres the code that i think brokes the link <a href="index.php"><h2 class="Logo">WheresMyIP.Net</h2></a> body{ color:#808080; background-color:#454342; margin: 50px 150px; font-weight:bold; } .Logo{color: #fff;text-shadow: 1px 1px 4px red;} Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1098785 Share on other sites More sharing options...
isedeasy Posted August 13, 2010 Share Posted August 13, 2010 Its not good practise to remove the outline on focus. Try tabbing through your links and you will see the issue you have. Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1098826 Share on other sites More sharing options...
Dragosvr92 Posted August 15, 2010 Author Share Posted August 15, 2010 tabbing through links? whats that the link only looks like that if i have this margin property inside the body margin: 50px 150px; Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1099461 Share on other sites More sharing options...
JasonLewis Posted August 15, 2010 Share Posted August 15, 2010 tabbing through links? whats that the link only looks like that if i have this margin property inside the body margin: 50px 150px; Sometimes people aren't able to use a mouse to browse through a website, so they can use the tab key to tab through links that are on the website, which is why they use the outline so you're able to tell which link you have selected. Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1099462 Share on other sites More sharing options...
Dragosvr92 Posted August 17, 2010 Author Share Posted August 17, 2010 i want to fix the dotted border to be seen only around the text look in my attachment to see what i mean Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1100429 Share on other sites More sharing options...
AtlasC1 Posted August 17, 2010 Share Posted August 17, 2010 Change your css to: h2.Logo a:focus {outline: none;} And your Logo HTML to: <h2 class="Logo"><a href="index.php">WheresMyIP.Net</a></h2> -jm Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1100434 Share on other sites More sharing options...
haku Posted August 18, 2010 Share Posted August 18, 2010 You shouldn't remove this. It's not good for accessibility. Some people (myself being one) often use the keyboard to navigate rather than a mouse - when there is no dotted border, there is no way to know which element you are focused on. Very annoying. Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1100622 Share on other sites More sharing options...
Dragosvr92 Posted August 19, 2010 Author Share Posted August 19, 2010 @atlas thank you very much for your reply i only changed my logo from: <a href="index.php"><h2 class="Logo">WheresMyIP.Net</h2></a> to: <h2 class="Logo"><a href="index.php">WheresMyIP.Net</a></h2> you seem to know some css ty again haku if you readed my posts closer i said i wanted to remove the border from a single link or if not fix the border around it Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1101447 Share on other sites More sharing options...
Rohlan Posted March 22, 2011 Share Posted March 22, 2011 I have to question the usage of keyboard navigation on websites. Unless we're talking google or a very basic website layout I really don't see how navigation is anything but a harduous task. Removing the dotted border will most probably have no effect at all in accessibility from your users. I would however only remove dotted borders from specific elements other than all of them. A list of links is probably a bad idea to do without the d.border, but from a logo or for certain other situations i'm pretty sure its feasible. If keyboard navigation was such an issue, we wouldn't be able to use onclick or other js perks. Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1190767 Share on other sites More sharing options...
cssfreakie Posted March 22, 2011 Share Posted March 22, 2011 @atlas thank you very much for your reply i only changed my logo from: <a href="index.php"><h2 class="Logo">WheresMyIP.Net</h2></a> to: <h2 class="Logo"><a href="index.php">WheresMyIP.Net</a></h2> you seem to know some css ty again haku if you readed my posts closer i said i wanted to remove the border from a single link or if not fix the border around it I saw quite some questions in the above thread, but to remove (which i would not like haku said) outline-bottom:none; Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1190857 Share on other sites More sharing options...
Dragosvr92 Posted March 23, 2011 Author Share Posted March 23, 2011 uh .. dos everyone feel that smell ? It smells like SPAM -.- i have last posted about 6 months ago saying the issue was solved ... i just forgot to mark it And the idea was to remove the border from only one element ,not the entire links EDIT Where the hell did the solved thing dissapear :| MOD Incompability with this ver of forum or what??? o-O Quote Link to comment https://forums.phpfreaks.com/topic/210536-get-rid-of-the-dotted-border/#findComment-1191204 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.