|
HTML - Border Is Visible For Hyperlink Images
Hi,
I am getting a boder in firefox for a hyperlink image. this is the code <a href="default.aspx"><img src="Images/Home.gif" width="100" height="20" alt="Home" border="0"></a> It's working fine in IE6 but i am getting a blue border in firefox. Can someone tell me how to solve this problem? Thanks Raja Similar TutorialsI'm making an HTML design on notepad, and I got some images for links, but when I view it on a webpage, the images have a purple border. How to I remove this? Hi, I don't understand why the images are visible in Firefox but not in Safari http://milcom.lu/kickstart thanks Hi, Iv'e been trying to do something for a while. I need to send an image linking to my myspace page using windows hotmail. Iv'e tried searching for html code but can't figure it out. Anyone can help me with this? Cheers I mean to say that when you make an image and want certain sections of it to link to one page and another section of it to link to another whats the code for this? I've been looking everywhere and can't find it anywhere Is outputting --- Creating linked images < a href= "default.htm"> --- as a line of text next to the image, instead of embedding a link in it. Any ideas what's going on? This is the code: <?xml version = "1.0" encoding = "utf-8"?> <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict //EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> Using image as hyperlink </title> </head> <body> <p> Creating linked images < a href= "default.htm"> <img src = "DSC00123.JPG" width = "92" height = "100" alt = Testing out stuff> </img> </a> </p> </body> </head> </html> Hiya! 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: I have a problem with Firefox. Although I am using set no border on a href and img tags I still get a border. Other browsers don't have this. This is my code, I've set the link border and image border to orange and pink dotted lines to show the black solid line. When I set these to no border the black line remains. Quote: <html> <head> <style> A:link, A:visited, A:active, A:hover { outline: none; background:none; border:5px dotted orange; padding: 0;text-decoration:none} img { border:5px dotted pink; display:block; margin:0; padding;0; } </style> </head> <body> <a href="/" > <img src="./img/bretzy-wht.gif" > text </a> </body> </html> You can see it live he http://tetsuo.gol.ad.jp/bretzy/new.html Thanks in anticipation. Brett 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 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. www.discoveryfilmsuk.com/uc the above website is absolutely flawless in firefox but blindingly invisible in IE. please can the gurus here help me make amendments to the script to make it compatible with other browsers as well. thanks. Hi. How can i make a layer visible from an <a>-tag? I've tried: onclick="layer:visible" but I can't make it work. Anybody tried this? Parashurama Hi, I'd like to have an arrow button which when clicked on; collapses/opens up some text. Like an expand and collapse code for some area of text. I hope someone can help me, this has been driving me a little crazy trying to work out what is going on. Basically I've built a little website for my inlaws http://www.cornishsunshine.co.uk using HTML and CSS written using DreamWeaver CSS5.5. Everything shows up fine when you preview in FireFox/Chrome/IE/Safari etc, but when I have published it to the web in IE the alt tags show up instead of the .png's in the left hand DIV. This only happens in IE8, in the other browser's the .png's show up as expected from the preview. I'm completely new to HTML(Day 2 of learning), so please excuse my lack of knowledge. I've been trying to create some text that would become invisible and different text would become visible when a name was moved over, and I can't seem to get the visible attribute to work. For example: <font visible=false>some text</font> I would assume the text would become invisible, but it doesn't appear so. So, I'm wondering if there's a tag that has a text attribute to make this work? Like: <tag id=name text="some text"/> So I can then call, name.text="", to make the text disappear. Any suggestions? Hey, i want to make an iframe Object invisible but still clickable. Is that possible, and if yes, how? Im using Dreamweaver CS5 greetings Phil how to customize a form button to make it act like a link for example now for example i have a form button that wud open a page with a script in it an all but in a new blank page this is the code HTML Code: <FORM METHOD=POST ACTION="[>SCRIPT_NAME<]" target="_blank"> now i want the target to be an iFrame called "I1" which is hidden so the button shud SHOW the iframe and target the link to the iFrame not to a blank page i did this HTML Code: <FORM METHOD=POST ACTION="[>SCRIPT_NAME<]" target="I1" onClick="makevisible()"> after adding the Java Scripts for the show and hide and all that but still when i click the button it doesnt show the iFrame and it still opens the blank page any help in how to deal with them buttons ??? thanx BYE Hi, I am Loading two frames in a page. Iam having huge amount of data in frame2 so i want to make it invisible initially after the dat is loaded then i want to make frame2 visible and frame1 invisible. any one suggest the solution?? Here is the code that am using visible="false" is not working <html> <frameset cols="55%,*" FRAMEBORDER=NO FRAMESPACING=0 BORDER=0> <frame src="LoadingFrame.aspx" NORESIZE /> <frame visible="false" src="VisitorInsightsDashboard.aspx" scrolling="no"/> </frameset> </html> Okay - I have yet another issue (what else is new) but this one is not life or death... I set up a page of bios - with photos - and I put a little frame (border) ".5" around the pics - the frames are not visible in Safari or in IE... as I said this is not particularly too terribly importante - but is there a fix for this? Can anyone tell me if the following is possible, and if so, how do I do it? I want a list of bullet points, but if one of the bullet points has no text then I don't want the actual bullet graphic to be shown. Not the best explanation so I'll elaborate. I'm pulling the bullet data from a program using a keyword/macro so my code looks like this. HTML Code:
<ul>
<li>{{BulletPoint1}}</li>
<li>{{BulletPoint2}}</li>
<li>{{BulletPoint3}}</li>
<li>{{BulletPoint4}}</li>
<li>{{BulletPoint5}}</li>
</ul>
Works perfectly when all five bullet points are populated, but if for example, there are only 3 bullet points with text, I get the bottom two bullet graphics just hanging there with no text next to them so and the final code looks like this HTML Code: <ul> <li>This is bullet point 1</li> <li>Here's another bullet point</li> <li>Only 3 bullet points for this particular product</li> <li></li> <li></li> </ul> Can anyone help? Does anyone even know what I'm talking about? Hi All, I have one problem in HTML, I have a HTML file with drop down menu and a flash banner in bottom , while mouse over the menu the drop down is not visible in the top of the flash banner its going back side, can any one help me out how to bring the drop down menu top of the flash banner. Here is the sample link where I have the problem http://vivek192.5gbfree.com/index.html ____________________________________ sport book betting steroid |
|||||||