HTML - Removing Dotted Border Around Clicked Link Images
I have had this problem on almost all the websites I've made and I'm too picky to let it go...
When I make the navigation images/buttons for a website, I set the border to zero as usual and link each image to its respective page. But, when I click on the image to take me where it's supposed to, this pesky dotted border appears around the edge of the image after it has been clicked and it remains there until I click on something else on that page. (This also happens to text links when clicked, but I'm not too worried about the text links.) For the websites I've made that go to an entirely new page after an image link is clicked, the dotted line appears around the linked image after it's clicked and before the next page has loaded, but then after the new page loads the dotted line is gone. But, for websites I have built that utilize frames, because the new page that loads is in an iframe, and because the page the navigation buttons are located on never changes, the dotted border stays around the image after its been clicked and, like I mentioned earlier, doesn't go away until I click on something else on that same page. An example of this can be seen when you click the images in the navigation column along the left side of a website I built located at the following URL: http://www.djprogress1.com/ This border problem could be specific to my website browser (I use Firefox), but I am not sure. And the border could be added entirely by the browser and there may be no way to get rid of it through coding, but again, I am not sure of this. So, does anyone know if anything can be done to fix this or am I stuck with these dotted borders? Thanks, Jase Similar TutorialsHiya! My question today is- how do you disable the border that pops up when clicking on an image, either in HTML or DW, doesn't matter. Thanks! Example: Hi Guys, If you use this page in firefox you get an active link, dotted border on the up/down arrows. Anyone know of a way to stop this happening with styles? Code: http://www.stompfrog.co.uk/rp/ I guess you could use a js function to take the focus off the link but would prefer a css solution if possible. Stomp Hi, I am using Dreamweaver CS3 to create a site, by default i have learnt that when you use an image as a link to another page, dreamweaver creates a coloured border around your linked image. I have since been able to get rid of this border by adding border="0" into my img tag however this now has caused my rollover not to work before clicking on the image to take you to the linked page. this is my code; any ideas how i can fix this? <td colspan="4"> <a href="About Us.html"><img src="images/About_Off.jpg" border="0" alt="About Us" name="Aboutus" width="120" height="64" id="Aboutus" onMouseOver="MM_swapImage('Image2','','images/About_On.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td> <td colspan="6"> Any help would be greatly appreciated. Hey guys, I was wondering if there was a possible way to make a link disapppear after it is clicked, and for it to stay that way until the link is changed. Help? Thanks Hi guys, I'm looking for a script or some code that would change the name of the link once clicked. Say I have a link that says: CLICK HERE TO SEE MAP Once I click it, the link says: BACK TO DESCRIPTION And once I click this one, it goes back to: CLICK HERE TO SEE MAP Any ideas? when i click on a link on my "test page" the div with my links in it moves up...but when i click back to the "home" page it moves back down take a look at the attached file to see what i'm talking about...is there any way of fixing this...it does this on both FF and IE 8. can someone help me with this...if it's something that i simply have to deal with then that's fine...just thought that maybe something was wrong and could be fixed. i know.. stupid question.. i should know how to do this.. but i dont.. how do i make a layer appear when i link is clicked? i want to have [?] next to something, and when clicked, a layer becomes visible that shows some text, then when an X on the layer is clicked, the layer becomes invisible again i know it has to do with visible=true/false.. but idk what to do.. help please Hello! I hope someone can help! On the left column of my website he http://www.showlistportland.com ...there are ads. Hyperlinked images. But, when clicked they move out of the way!! How can I stabilize these images??? Any help is much appreciated!!! Thanks, b Hi, i want some help regarding HTML links. I have a table containing topic and topic id. and another table having topic_id, sequence_no and Replies columns. I have a php + mysql script which show all the topics as html links. Now what i have to do is when any of link is clicked it should get identified and all the corresponding Replies should be displayed sequencially. I dont know how to identify and fetch topic_id on which i have clicked. Please help. Thanks, Jaas. Website - http://www.jakobmetzger.com/misc/sites/kindlingeffects/ CSS - http://www.jakobmetzger.com/misc/sit...stylesheet.css The CSS that is related to the rollover images in under /*-- Features Rollover Image--*/ Whenever someone clicks one of the features on that page in firefox it leaves a grey box around it. Is there a way I can remove that box or somethign I can do to hide it? Hello Guys, I use Named Anchor to navigate within my webpage. Is there any way how one can navigate back to the clicked link from the destination? Normally the backspace works. But I would like to add a link at the destination and clicking this link would take me back to the clicked-link. Is this possible? I hope I made myself clear. If any of you can give me some advise about this issue, it would be much appreciated. Thanks in advance, Chuma P.S - I read in a site that using the <li> tag can do this. I am unsure how that works either. If any of you have any idea about this, please let me know. Thanks. Hey guys I need some help regarding a website I made from a template. you can view the site at http://www.goosetrailbnb.com/ The problem is that when you click on the links in the bottom navigation bar, it will only show the page for a second (not properly aligned) and then redirect back to the index.html automatically. If you click the links on the menu up top in the flash header, the links work fine. I am using iframe....so my pages are index.html, iframe_0.html, iframe_1.html, iframe_2.html and so on. I have the links set as iframe_0.html etc for the links in the bottom navigation bar. Any help would be appreciated!!! Thanks Hello, I have designed sites in the past but am in need of some assistance. I am designing a website for an artist who wants to be able to offer his clients fine art prints for sale. He needs to be able prints with several different product options; i.e. canvas print with 1" stretch, 2" stretch and framed prints. I want to be able to offer check boxes (or equivalent) that will display an image of the different product options available. If the 1" stretch check box is checked I need an image of a canvas on a 1" gallery wrap frame to be displayed. If they click on the "frame" check box, I need an image of a framed painting to be displayed. What is the best method to use to accomplish this? I've researched and experimented but am at a bit of a loss. Any help will be greatly appreciated. Thank you in advance!! -John Greetings Again, My page is hosted he http://dmrosemark.webuda.com/index.html So Greetings Again, My page is hosted he http://dmrosemark.webuda.com/index.html So what I want to do is to remove the link attribute from the buttons like <commercial> <FineArt> <personal> <Bio> <contact> <friends> so that they just rollover to the menu. I think this is the code but I am not su div id="Layer-8"> <a href="Commercial.html"><img src="Layer-8.jpg" alt="Commercial" border="0" height="42" width="127" /></a></div> what should that code look like? Thx in advance, D.M. Rosemark Hello everyone. I have been given to task to create a signature template. I am pretty new to html. I am trying to remove the vertical spacing in between the website link/phone number and job title. I have sat here playing around with it for about an hour without much luck. What can I do? --------------------------------- here is the code i am using --------------------------------- <p> <strong><font color="blue">_______________________________________________</font></strong> </p> <p style="MARGIN-RIGHT: 0px" dir="ltr"> <font color="gray" size="4" face="Arial Narrow"><font color="gray"><strong>Debra Scott</strong></font>   ; <strong><font size="2">Newmarket Chamber of Commerce</font></strong> <br /> <font size="2"><strong><em>President & Ceo & nbsp;   ; <font size="1">"Leading Businesses. Leading Communities"</font></em></strong></font><font size="4"> </font></font> </p> <font color="#808080" size="4" face="Arial Narrow"></font><font color="gray" size="4" face="Arial Narrow"> <font color="#000000" face="Times New Roman"></font><font color="#000000" face="Times New Roman"><a href="http://www.newmarketchamber.ca" target="_blank"><font color="gray" size="1" face="Arial Narrow"><strong><img class="floatLeft" style="WIDTH: 20px; HEIGHT: 19px" border="0" src="http://NewmarketONCOC.weblinkconnect.com/External/WCPages/WCWebContent/WebContentPage.aspx?ContentID=296" width="36" height="34" />Newmarket Chamber Website</strong></font></a><font size="3"><font color="gray" size="1" face="Arial Narrow"><strong> <img class="floatLeft" style="WIDTH: 24px; HEIGHT: 19px" border="0" src="http://NewmarketONCOC.weblinkconnect.com/External/WCPages/WCWebContent/WebContentPage.aspx?ContentID=299" width="36" height="34" />905 898-5900 ex. 223</strong></font></font></font> <br /> <font color="#d5d500" size="3" face="Times New Roman">_______________________________________________</font></font> </p> I've tried and tried and can't figure this one out, probably VERY easy for others. I've got a table with images and I can't figure out how to remove the spacing betwen the table rows. Here is a link http://www.4wheelcustoms.com/new%20template/index.html Notice both sides of the navagation images have horizontal spacing around them. Any help is appreciated. Hey guys, completely new here just learning how to do basic html. I'm excited, just hope I don't get lose that as I get futher into it. Anyhow does anyone know what I can remove from this embeded link for a video I uploaded. I uploaded using Yahoo Video, seems to be no limits on time and the quality seem decent enough. I was able to remove a few things that Yahoo put, but I would really like to disable the "I" (info button) and the email button if possible, and the "Big Y" at the top right corner. There was a issue, that when you maxed the video, then hit escape to go back, it would restart the video, and take you to yahoo and replay it. That was not good, I'm glad I found the option to disable the max video. Anyhow here is the code, thank you: <div><object width="512" height="322"><param name="movie" /><param name="allowFullScreen" value="true" /><param name="AllowScriptAccess" VALUE="always" /><param name="bgcolor" value="#000000" /><param name="flashVars" /><embed src="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.46" type="application/x-shockwave-flash" width="512" height="322" allowFullScreen="false" AllowScriptAccess="always" bgcolor="#000000" flashVars="id=19390192&vid=7411290&lang=en-us&intl=us&thumbUrl=http%3A//l.yimg.com/a/p/i/bcst/videosearch/14468/106621986.jpeg&embed=1" > Hi everyone Newbie here and nearly finished my first site - phew! I have one quick question - you know how a browser shows an outline box of the shape of an image before the image downloads, well, is there any way to get rid of it? This box disappears once the image has loaded so it is nothing to do with the "border" tag and all of my images have the height, width border="0" and alt tags completed. (I use a lot of images on the my site as I am a photographer and it looks really ugly while it is waiting for the images on a slow connection) Am happy to use html, css, java... Thanks for any help. Tre Hi, I have a problem with an image link. After it is pressed it will have a potted border and i cant get rid of it. (img of the border attached) Is there a smart solution to this? Ive tried to set border to 0 for both img and a, but it was no help. I've searched for an answer to tis both on google and here but could not find anything. Parashurama |